一.準備
已安裝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
我在此處也被坑過,找度娘查了一下,從結果中找出了一條比較滿意的結果:
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 [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新手。