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
[email protected] /usr/local/lib/node_modules/express
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected][email protected])
├── [email protected] ([email protected][email protected][email protected])
├── [email protected] ([email protected])
└── [email protected] ([email protected][email protected])

   

   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
[email protected] /usr/local/lib/node_modules/express-generator
├── [email protected] ([email protected])
└── [email protected] ([email protected])
$ 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
[email protected] node_modules/ejs

[email protected] node_modules/cookie-parser
├── [email protected]
└── [email protected]

[email protected] node_modules/debug
└── [email protected]

[email protected] node_modules/serve-favicon
├── [email protected]
├── [email protected]
└── [email protected] ([email protected])

[email protected] node_modules/morgan
├── [email protected]
├── [email protected]
└── [email protected] ([email protected])

[email protected] node_modules/express
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected][email protected])
├── [email protected] ([email protected][email protected][email protected][email protected])
├── [email protected] ([email protected][email protected])
└── [email protected] ([email protected])

[email protected] node_modules/body-parser
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected]
├── [email protected]
└── [email protected] ([email protected])

启动程序

$ npm start

> [email protected] 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新手。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章