express 搭建腳手架

1. 安裝 express

安裝前 創(chuàng)建 一個(gè) myapp文件夾

  • 第一種方法:

通過應(yīng)用生成器工具 express-generator 可以快速創(chuàng)建一個(gè)應(yīng)用的骨架。
你可以通過 npx (包含在 Node.js 8.2.0 及更高版本中)命令來運(yùn)行 Express 應(yīng)用程序生成器。

npx express-generator
  • 第二種方法:
npm install -g express-generator
express

目錄結(jié)構(gòu)

   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

2. 安裝 依賴

cd myapp
npm init
npm install

3.運(yùn)行指令

npm start

4.添加 熱更新

安裝這兩個(gè)插件可以讓我們通過 npm run dev 來啟動(dòng)項(xiàng)目,并對(duì)項(xiàng)目實(shí)時(shí)修改進(jìn)行自動(dòng)響應(yīng)。

npm install nodemon cross-env --save-dev

package.json 修改

"scripts": {
    "start": "node ./bin/www",
    "dev": "cross-env NODE_ENV=dev nodemon ./bin/www"
  },

5. 解決跨域

npm i cors

app.js 添加 cors

var cors = require('cors')

app.use(cors()); // 解決跨域

6. 使用數(shù)據(jù)庫

npm install knex mysql --save
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容