node.js學習筆記(2)--使用Express快速創建應用

1.安裝express應用生成器

打開cmd 鍵入如下代碼

$npm install express-generator -g   #全局安裝

安裝成功如下-----

2.express命令

打開cmd 鍵入$express -h 顯示所有可用的命令行選項

C:\Users\Administrator>express -h

  Usage: express [options] [dir]

  Options:

    -h, --help          output usage information
    -V, --version       output the version number
    -e, --ejs           add ejs engine support (defaults to jade)
        --hbs           add handlebars engine support
    -H, --hogan         add hogan.js engine support
    -c, --css <engine>  add stylesheet <engine> support (less|stylus|compass|sas
s) (defaults to plain css)
        --git           add .gitignore
    -f, --force         force on non-empty directory

3.生成應用

在E盤新建一個文件夾test 打開命令窗口  鍵入 $express first -e  該命令的意思是：在當前目錄下建立first文件夾 創建一個ejs模板的應用（如果不輸入 -e 則生成默認的jade模板）

E:\test>express first -e

   create : first
   create : first/package.json
   create : first/app.js
   create : first/public
   create : first/public/javascripts
   create : first/public/images
   create : first/routes
   create : first/routes/index.js
   create : first/routes/users.js
   create : first/views
   create : first/views/index.ejs
   create : first/views/error.ejs
   create : first/public/stylesheets
   create : first/public/stylesheets/style.css
   create : first/bin
   create : first/bin/www

   install dependencies:
     > cd first && npm install

   run the app:
     > SET DEBUG=first:* & npm start

完成後文件夾顯示如下 

然後鍵入命令

$cd first         #進入first文件夾
$npm install      #安裝依賴包

 

安裝完成後會發現多了個node_modules文件夾 裏面放的就是我們安裝的模塊

注：

app.js：啓動文件，項目的入口
package.json：存儲項目的信息及模塊依賴，當在 dependencies 中添加依賴的模塊時，運行npm install，npm 會檢查當前目錄下的 package.json，並自動安裝所有依賴模塊
node_modules：存放 package.json 中安裝的模塊，當你在 package.json 添加依賴的模塊並安裝後，存放在這個文件夾下
public：存放 image、css、js 等文件
routes：存放路由文件
views：存放視圖文件或者說模版文件
bin：存放可執行文件

4.啓動應用

鍵入命令$npm start 啓動成功如下：

E:\test\first>npm start


> [email protected] start E:\test\first
> node ./bin/www

5.訪問應用

然後在瀏覽器中打開 http://localhost:3000/ 網址你可以看到welcome to Express，證明你已經成功了

其他

express官網 http://www.expressjs.com.cn/