注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

还东国的博客

行之苟有恒,久久自芬芳

 
 
 

日志

 
 

NODEJS和Express开发环境搭建  

2015-09-15 16:47:09|  分类: PHPJS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

NODEJSExpress开发环境搭建

伟大的先哲教育我们,要与时俱进,不废江河。想来想去,学这这玩意儿没坏处,回头可以在不同的平台,特别是移动平台上使用。

干活儿首先就得有环境,先下载软件:

https://github.com/joyent/node

http://expressjs.com/    官方首页

http://express.jsbin.cn/  中文首页

http://nodejs.org/

第一步,安装nodejs,原来在安装VS的时候儿,自动安装了一个node.js,结果在命令行里执行node -v 总是报“node is not defined”,而以前又下载这新版本的NODE.JS所以这里就重新安装了了新版本。

第二步,设置相关的环境变量,在安装的过程中,在系统的Path环境变量中会自动添加一个环境变量,但是为了使用全局的变量最好再添加一个NODE_PATH并设置路径为C:\Users\YOUR_USER_NAME\AppData\Roaming\npm\node_modules,有的说是C:\Program Files (x86)\nodejs\node_modules;所以两个都设置了,哪个可用用哪个。

然后再在用户的Path里增加%PATH%.

在这里设置这个的目的是在不同的目录下都可以 全局的Module

第三步,查看一下版本,node -v,注意要在命令提示行中,不要进入node.js中,特别是一旦回车,就相当地进入了后者。所以一定要在启动后就执行这个。

第四步,安装Express .如果nodejs安装没有错误的话,会自动安装成功npm,然后就可以用npm来安装Express

npm install -g express

加上-g的目的是会把Express安装成一个全局模块。全局的模块一般位于C盘的C:\Users\YOUR_USER_NAME\AppData\Roaming\npm\node_modules。这里没有出现网上说得什么功夫网的现象。

安装成功的标志是和NODEJS一样,执行Express -V出现版本号就可以了。

第五步,安装Jadenpm install -g jade

第六步,创建一个工程express app,会自动在当前目录下创建app文件夹并在其中创建整体的开发框架。

E:\nodejs\express_demo>express app

如果像这种创建一个新文件夹没有什么警告,如果已经存在这个文件夹并且内部有东西,会报:

$ express abc

destination is not empty, continue?

 

和以往不同,有警告,因为已经存在abc目录了,这时回车就退出了,输入y继续就可以了,下面是全新创建的情况

   create : app

   create : app/package.json

   create : app/app.js

   create : app/public

   create : app/bin

   create : app/bin/www

   create : app/public/stylesheets

   create : app/public/stylesheets/style.css

   create : app/views

   create : app/views/index.jade

   create : app/views/layout.jade

   create : app/views/error.jade

   create : app/public/images

   create : app/routes

   create : app/routes/index.js

   create : app/routes/users.js

   create : app/public/javascripts

   install dependencies:  (这里指示安装必备的包)

     $ cd app && npm install

   run the app: (这里指示执行,使用npm start)

     $ DEBUG=app ./bin/www

第七步,cd 进入app文件夹中,使用命令node app(注意,这个app不是上面的文件夹名字,无论那个文件夹叫什么,其内部都有一个app.js,这里指的是这个app)。因为第一次使用,所以会报缺少modules

这里遇到的是“express不是内部或外部命令”,解决方法有两种:

一种是上面的安装步骤里的设置环境变量node_path,第二个是安装express 4.x中的工具:

npm install  -g express-generator

此处要记得退出到原来的目录安装软件,下面安装时也一样

可是安装后再运行,还是报这个错误,主要是没有做环境变量的设置,网上还有一种解决方法:

在当前目录下执行npm install express

第八步,在解决Express错误后,再执行node app报下面的错误:

报错:

module.js:340

    throw err;

          ^

Error: Cannot find module 'serve-favicon'//表示缺少serve-favicon模块

    at Function.Module._resolveFilename (module.js:338:15)

    at Function.Module._load (module.js:280:25)

    at Module.require (module.js:364:17)

    at require (module.js:380:17)

    at Object.<anonymous> (E:\nodejs\Node.js寮?鍙戝疄鎴榎chapter_two\express_dem

o\app\app.js:3:15)

    at Module._compile (module.js:456:26)

    at Object.Module._extensions..js (module.js:474:10)

    at Module.load (module.js:356:32)

    at Function.Module._load (module.js:312:12)

    at Function.Module.runMain (module.js:497:10)

很简单,继续安装npm install serve-favicon,同样,其后还会报其它错误,缺少模块,按其需要安装:

npm install morgan

npm install cookie-parser

npm install body-parser

第九步,node app 没错误,启动npm start,执行http://127.0.0.1:3000,控制台出现错误,要求安装debug

继续安装:npm install debug

第十步,成功安装再次启动npm start,刷新页面

在页面出现Cannot find module 'jade'明明上面已经安装了,这里没办法,只能再次安装一次:

npm install jade

再次刷新界面:出现下图:

NODEJS和Express开发环境搭建 - 还东国 - 还东国的博客

 

这就真得OK了。真得不容易。

Windows 系统下设置Nodejs NPM全局路径

Windows下的Nodejs npm路径是appdata,很不爽,想改回来,但是在cmd下执行以下命令也无效

 

npm config set cache "D:\nodejs\node_cache"

npm config set prefix "D:\nodejs\node_global"

 

最后在nodejs的安装目录中找到node_modules\npm\.npmrc文件

修改如下即可:

prefix = D:\nodejs\node_global

cache = D:\nodejs\node_global

参考的博文:

http://jingyan.baidu.com/article/bad08e1ee501e009c8512106.html

http://blog.csdn.net/cdnight/article/details/38352123

http://www.tuicool.com/articles/zIBZji

http://marshal.easymorse.com/index.html%3Fp=4912.html

http://jingyan.baidu.com/article/456c463b60fb380a583144a9.html

http://www.cnblogs.com/picaso/p/3848209.html

  评论这张
 
阅读(311)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017