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新手。


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