Express新建專案與配置專案熱加載
宣告：本文記載為筆者根據官方檔案創建Express專案以及使用nodemon實作express專案熱加載的簡單筆記，非精心創作，旨在記錄，筆者不對內容質量負責，
創建Express專案
- 運行Express生成器(只需一次)
npx express-generator
- 創建Express專案
express --view=pug myapp(myapp是專案名)
此應用將在當前目錄下的 myapp 目錄中創建，并且設定為使用 Pug 模板引擎
運行結果：
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
-
安裝依賴
進入myapp檔案夾，使用
npm install或yarn，安裝依賴
cd myapp
npm install(或yarn)
- 啟動專案
npm start
出現如下結果：
PS E:\Project\CloudFilmVueVersion-Practice\cloudFilm-vue\cloud-film-express> npm start
> [email protected] start E:\Project\CloudFilmVueVersion-Practice\cloudFilm-vue\cloud-film-express
> node ./bin/www
以上結果表示運行成功，但是并不會自動打開瀏覽器，需要自行啟動，
啟動方法：在./bin/www中，找到啟動埠，默認是3000，然后再瀏覽器訪問：localhost:3000,即可，
配置專案熱加載
express專案并不像react等前端框架，能夠實時更新，即熱加載，需要安裝相關插件，實作類似效果，
nodemon
使用nodemon實作熱加載，
nodemon可以檢測檔案狀態，并自動執行程式關閉和啟動的操作，當專案檔案發生改變時，nodemon會自動停止專案運行，然后重新啟動，無需你自己操作，在使用上相當于是熱加載了，但實際上是偽熱加載，
- 安裝nodemon
npm install -g nodemon //全域安裝
npm install --save-dev nodemon //安裝為開發依賴
- 啟動專案
安裝成功后，啟動專案不再使用 npm start (等同于 node ./bin/www package.json中 start 處)，而是
nodemon ./bin/www
運行結果：
PS E:\Project\CloudFilmVueVersion-Practice\cloudFilm-vue\cloud-film-express> nodemon ./bin/www
[nodemon] 2.0.4
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node ./bin/www`
由上可看到，實際上是nodemon工具幫你執行了 node ./bin/www
修改代碼看看：
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/172485.html
標籤：.NET技术
上一篇：log4net 控制臺應用程式
下一篇：log4net 控制臺應用程式