搭建基於express框架的運行環境

NO IMAGE

1 全局安裝 express-generator,通過這個工具快速生成項目

$ npm install express-generator -g

2 執行 express 命令在當前工作目錄中創建名為 myapp 的 Express 應用程序:

$ express --view=pug myapp  
   create : myapp
   create : myapp/package.json
   create : myapp/app.js
   create : myapp/public
   create : myapp/public/javascripts
   create : myapp/public/images
   create : myapp/routes
   create : myapp/routes/index.js
   create : myapp/routes/users.js
   create : myapp/public/stylesheets
   create : myapp/public/stylesheets/style.css
   create : myapp/views
   create : myapp/views/index.pug
   create : myapp/views/layout.pug
   create : myapp/views/error.pug
   create : myapp/bin
   create : myapp/bin/www

–view=pug 表示選擇pug作為模板,還可支持ejs,handlebars

3 然後安裝依賴項:

$ cd myapp
$ npm install

4 在 MacOS 或 Linux 上,採用以下命令運行此應用程序:

$ DEBUG=myapp:* npm start

在 Windows 上,使用以下命令:

> set DEBUG=myapp:* & npm start

5 然後在瀏覽器中輸入 http://localhost:3000/ 以訪問此應用程序。

生成的應用程序具有以下目錄結構:

.
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug
    └── layout.pug

7 directories, 9 files

6 在瀏覽器看到下圖就表示項目搭建成功啦

搭建基於express框架的運行環境

相關文章

什麼是endpoint

Vue爛筆頭

ElementUIselect組件引發的思路比較

IntelliJIDEA快捷鍵