Mac下NodeJS学习笔记 搭建第一个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=‘/stylesheets/style.css‘ />
  </head>
  <body>
    <h1>Express</h1>
    <p>Welcome to Express</p>
  </body>
</html>

本文内容是根据http://blog.fens.me/nodejs-enviroment/   中的说明进行的操作记录。

该链接来自于：http://blog.fens.me/series-nodejs/

这个链接中的内容很适合NodeJS新手。

本文出自 “奋进的小鸟” 博客，请务必保留此出处http://vincent90.blog.51cto.com/3221926/1584006

Mac下NodeJS学习笔记 搭建第一个NodeJS开发环境

标签：nodejs 环境搭建

原文地址：http://vincent90.blog.51cto.com/3221926/1584006