【express專案腳手架】使用生express-generator成專案,優化啟動方式，每次修改程式碼後不需要重啟

starkwang發表於2019-02-16
Express優化

【express專案腳手架】使用express-generator生成express專案

用法

安裝全域性express命令列

npm install express-generator -D

生成專案，並且安裝專案依賴的包

express server
cd server
npm i

啟動方式

node bin/www

訪問 localhost:3000

新增git忽略檔案 .gitignore

.DS_Store
node_modules/
dist/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
test/unit/coverage
test/e2e/reports
selenium-debug.log

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln

優化啟動方式，讓每次修改程式碼後不需要重啟

使用nodemon方式：

nodemon

安裝

全域性安裝：
npm install -g nodemon

or
本地安裝：
npm install --save-dev nodemon

在package.json裡面配置快捷啟動方式

在package.json 的scripts選項裡面新增

    "scripts": {
        "start": "node ./bin/www",
        "dev": "nodemon ./bin/www" 
    },

此時啟動方式是：

npm run dev

使用supervisor方式

使用方式說明

安裝
npm install supervisor -g

使用
supervisor bin/www

把supervisor bin/www 的啟動的方式新增到package.json

在package.json 的scripts選項裡面新增

    "scripts": {
        "start": "node ./bin/www",
        "sup": "supervisor ./bin/www"  
    },

此時啟動方式是：

npm run sup

使用pm2的方式

詳細使用方式請去官網

pm2

全域性安裝

npm install pm2 -g 

啟動方式
pm2 start ./bin/www

在package.json 的scripts選項裡面新增

    "scripts": {
        "start": "node ./bin/www",
        "pm2": "pm2 start ./bin/www"  
    },

此時啟動方式是：

npm run pm2

相關文章