首页 > 代码库 > Mac下NodeJS学习笔记 搭建第一个NodeJS开发环境
Mac下NodeJS学习笔记 搭建第一个NodeJS开发环境
一.准备
已安装NodeJS(Node,npm)
二.
1.创建工作空间:
$ mkdir ~/workspace/nodejs/ $ cd ~/workspace/nodejs/ $ pwd /Users/vincent/Desktop/my/workspace/nodejs
2.安装 express
$ sudo npm install express -g express@4.10.4 /usr/local/lib/node_modules/express ├── merge-descriptors@0.0.2 ├── utils-merge@1.0.0 ├── fresh@0.2.4 ├── escape-html@1.0.1 ├── cookie@0.1.2 ├── range-parser@1.0.2 ├── cookie-signature@1.0.5 ├── vary@1.0.0 ├── media-typer@0.3.0 ├── finalhandler@0.3.2 ├── parseurl@1.3.0 ├── methods@1.1.0 ├── serve-static@1.7.1 ├── content-disposition@0.5.0 ├── path-to-regexp@0.1.3 ├── depd@1.0.0 ├── qs@2.3.3 ├── on-finished@2.1.1 (ee-first@1.1.0) ├── etag@1.5.1 (crc@3.2.1) ├── debug@2.1.0 (ms@0.6.2) ├── proxy-addr@1.0.4 (forwarded@0.1.0, ipaddr.js@0.1.5) ├── send@0.10.1 (destroy@1.0.3, mime@1.2.11, ms@0.6.2) ├── type-is@1.5.3 (mime-types@2.0.3) └── accepts@1.1.3 (negotiator@0.4.9, mime-types@2.0.3)
3.建立express工程,启动第一个项目
$ express -e nodejs-demo -bash: express: command not found
我在此处也被坑过,找度娘查了一下,从结果中找出了一条比较满意的结果:
1 Express Command not found
最初操作:跟着《nodejs开发指南》敲
npm install -g express
,安装好了,就在linux命令行敲express --help
就出现上面的原因了。解决方法:在安装一个包
npm install -g express-generator
原因:express3+已经把创建一个APP的功能分离出来为express-generator,没它你创建不了应用程序
2 express -t ejs microblog创建的不是ejs模板引擎而是jade模板引擎
最初操作:跟着《nodejs开发指南》在命令行敲
express -t ejs microblog
是用来创建应用程序的,应用程序的名字叫microblog、模板引擎是ejs出现情况:但是通过查看microblog文件夹中的package.json中知道创建出来的不是ejs模板而是jade模板引擎
解决方法:版本不一样,用错命令了,应该是
express -e microblog
(-e就是ejs模板)
3 node app.js没效果
最初操作:跟着《nodejs开发指南》在命令行敲node app.js,然后就用浏览器访问监听的3000端口
出现情况:访问不到页面
解决方法:版本不一样,用错命令了,应该是
npm start
上面这段从 http://blog.csdn.net/dai_jing/article/details/38087443 处获取。
找到原因之后,执行如下命令:
$ sudo npm install -g express-generator /usr/local/bin/express -> /usr/local/lib/node_modules/express-generator/bin/express express-generator@4.9.0 /usr/local/lib/node_modules/express-generator ├── mkdirp@0.5.0 (minimist@0.0.8) └── commander@1.3.2 (keypress@0.1.0)
$ express -e nodejs-demo create : nodejs-demo create : nodejs-demo/package.json create : nodejs-demo/app.js create : nodejs-demo/public create : nodejs-demo/public/images create : nodejs-demo/public/javascripts create : nodejs-demo/public/stylesheets create : nodejs-demo/public/stylesheets/style.css create : nodejs-demo/routes create : nodejs-demo/routes/index.js create : nodejs-demo/routes/users.js create : nodejs-demo/views create : nodejs-demo/views/index.ejs create : nodejs-demo/views/error.ejs create : nodejs-demo/bin create : nodejs-demo/bin/www install dependencies: $ cd nodejs-demo && npm install run the app: $ DEBUG=nodejs-demo ./bin/www
安装依赖包
$ cd nodejs-demo/ $ sudo npm install ejs@0.8.8 node_modules/ejs cookie-parser@1.3.3 node_modules/cookie-parser ├── cookie@0.1.2 └── cookie-signature@1.0.5 debug@2.0.0 node_modules/debug └── ms@0.6.2 serve-favicon@2.1.7 node_modules/serve-favicon ├── ms@0.6.2 ├── fresh@0.2.4 └── etag@1.5.1 (crc@3.2.1) morgan@1.3.2 node_modules/morgan ├── basic-auth@1.0.0 ├── depd@0.4.5 └── on-finished@2.1.0 (ee-first@1.0.5) express@4.9.8 node_modules/express ├── utils-merge@1.0.0 ├── merge-descriptors@0.0.2 ├── cookie@0.1.2 ├── fresh@0.2.4 ├── escape-html@1.0.1 ├── range-parser@1.0.2 ├── cookie-signature@1.0.5 ├── vary@1.0.0 ├── media-typer@0.3.0 ├── parseurl@1.3.0 ├── finalhandler@0.2.0 ├── methods@1.1.0 ├── serve-static@1.6.4 ├── path-to-regexp@0.1.3 ├── depd@0.4.5 ├── on-finished@2.1.1 (ee-first@1.1.0) ├── qs@2.2.4 ├── etag@1.4.0 (crc@3.0.0) ├── proxy-addr@1.0.4 (forwarded@0.1.0, ipaddr.js@0.1.5) ├── send@0.9.3 (destroy@1.0.3, ms@0.6.2, mime@1.2.11, on-finished@2.1.0) ├── accepts@1.1.3 (negotiator@0.4.9, mime-types@2.0.3) └── type-is@1.5.3 (mime-types@2.0.3) body-parser@1.8.4 node_modules/body-parser ├── media-typer@0.3.0 ├── bytes@1.0.0 ├── raw-body@1.3.0 ├── depd@0.4.5 ├── on-finished@2.1.0 (ee-first@1.0.5) ├── qs@2.2.4 ├── iconv-lite@0.4.4 └── type-is@1.5.3 (mime-types@2.0.3)
启动程序
$ npm start > nodejs-demo@0.0.0 start /Users/vincent/Desktop/my/workspace/nodejs/nodejs-demo > node ./bin/www
另外再打开一个终端测试是否启动成功
$ curl localhost:3000 <!DOCTYPE html> <html> <head> <title>Express</title> <link rel=‘stylesheet‘ href=http://www.mamicode.com/‘/stylesheets/style.css‘ />>
本文内容是根据http://blog.fens.me/nodejs-enviroment/ 中的说明进行的操作记录。
该链接来自于:http://blog.fens.me/series-nodejs/
这个链接中的内容很适合NodeJS新手。
本文出自 “奋进的小鸟” 博客,请务必保留此出处http://vincent90.blog.51cto.com/3221926/1584006
Mac下NodeJS学习笔记 搭建第一个NodeJS开发环境