摘要:資源地址地址地址下面的內容只是對這個包做一個簡單的了解,如果要詳細了解,建議查看官網。包的作用包的作用將終端控制符轉成字符串。配置文件啟動時的事件退出時的事件重啟時的事件執行程序之后的效果如下
1.資源地址
npm地址:https://www.npmjs.com/package/nodemon
GitHub地址:https://github.com/remy/nodemon
下面的內容只是對這個包做一個簡單的了解,如果要詳細了解,建議查看官網。
2.包的作用nodemon 包的作用:將終端控制符轉成字符串。
3.安裝 3-1 npm 安裝$ npm install nodemon --save-dev3-2 yarn 安裝
$ yarn add nodemon --dev4.使用 4-1 簡單使用
首先創建一個文件:
// index.js console.log("test");
執行命令:
$ ./node_modules/.bin/nodemon index.js
在命令行中會出現下面的信息:
[nodemon] 1.12.1 [nodemon] to restart at any time, enter `rs` [nodemon] watching: *.* [nodemon] starting `node wang.js` test [nodemon] clean exit - waiting for changes before restart
修改文件,終端中輸出的信息如下:
[nodemon] restarting due to changes... [nodemon] starting `node wang.js` test1 [nodemon] clean exit - waiting for changes before restart
在終端中輸入 rs 會重啟應用:
rs [nodemon] starting `node wang.js` test1 [nodemon] clean exit - waiting for changes before restart4-2 認識配置參數
一般情況下,是使用配置參數來執行 nodemon 命令,因為這樣可定義程度比較大。
ext : 指定默認文件的后綴,參數是一個字符串,每個后綴之間用空格分隔,默認支持 js coffee litcoffee
script : 指定監視的文件,這個一般是指定項目入口的 js 文件
watch : 這里指定監視的文件夾或文件,是一個數組,每個參數是目錄或文件
env : 運行環境 development 是開發環境,production 是生產環境,port 是端口號
restartable : 指定重啟的命令,是一個字符串,默認是 "rs"
ignore : 忽略監視的文件或文件夾,默認忽略的文件有:.git, node_modules, bower_components, .sass-cache
verbose : 是否輸出重啟的詳細信息,值是一個布爾值,true 是打印詳細信息,false 是不打印
具體信息可以參照:nodemon 基本配置與使用
4-3 結合配置參數使用這里的 test.js 文件是一個空文件,沒有任何內容,只是放在這里做一個說明。
// index.js const nodemon = require("nodemon"); const path = require("path"); const options = { // 配置文件 script: path.resolve(__dirname, "src/test.js"), "watch": [ "docs/" ], "ext": "md", "restartable": "re", "verbose": true }; nodemon(options).on("start", function () { // 啟動時的事件 console.log("App has started"); }).on("quit", function () { // 退出時的事件 console.log("App has quit"); process.exit(); }).on("restart", function (files) { // 重啟時的事件 console.log("App restarted due to: ", files); });
執行程序之后的效果如下:
App has started App has started App restarted due to: [ "/Users/negivup/Desktop/test/docs/nodemon.md" ] App has started App restarted due to: [ "/Users/negivup/Desktop/test/docs/nodemon.md" ]
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/89496.html
摘要:從事開發的程序員,對于前后端分離模式多半不陌生,這也是目前主流的開發模式,具體關于前后端分離的模式可以參看文章你不得不了解的前后端分離原理,在這里寫者不進行說明。原理圖如下,前后端在一個進程同一個端口中,通過熱替換更新的,而不是全量重啟。 從事 Web 開發的程序員,對于前后端分離模式多半不陌生,這也是目前主流的 Web 開發模式,具體關于前后端分離的模式可以參看文章《你不得不了解的前...
摘要:建議版本關于全局安裝有許多坑。以及一些其它的全局樣式文件都應該在這里引入同時已經使用使用了模塊,關于相關的配置,可以在中進行配置。其他的基本在實戰中進行改裝。這節主要是配置使用的修改配置 建議版本:node8.12.0 vue2.5.17 npm6.4.1 webpack4.19.1 nuxt2.0.0 關于全局安裝webpack有許多坑。詳情可慢慢琢磨(https://blog.cs...
前言 剛開始接觸vue-cli,發現用它生成的框架代碼是缺少Mock模擬的,于是自己摸索了許久,將自己的摸索的結果通過過程記錄下來,希望對別人有所幫助,能少走彎路。 這不是關于vue-cli的,是單純的模擬數據服務這不是關于vue-cli的,是單純的模擬數據服務這不是關于vue-cli的,是單純的模擬數據服務 同時希望獲得更好的解決方案,有更好方案的不要吝嗇分享啊。 實現目標 1.ajax數據模...
閱讀 2694·2023-04-25 17:21
閱讀 2554·2021-11-23 09:51
閱讀 2848·2021-09-24 10:32
閱讀 3776·2021-09-23 11:33
閱讀 1980·2019-08-30 15:44
閱讀 3457·2019-08-30 11:18
閱讀 3527·2019-08-30 10:53
閱讀 630·2019-08-26 13:25