首页 > 代码库 > 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

   我在此处也被坑过,找度娘查了一下,从结果中找出了一条比较满意的结果:

  • 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开发环境