資訊專(zhuān)欄INFORMATION COLUMN
摘要：資源地址地址地址下面的內(nèi)容只是對(duì)這個(gè)包做一個(gè)簡(jiǎn)單的了解，如果要詳細(xì)了解，建議查看官網(wǎng)。包的作用包的作用將終端控制符轉(zhuǎn)成字符串。配置文件啟動(dòng)時(shí)的事件退出時(shí)的事件重啟時(shí)的事件執(zhí)行程序之后的效果如下
1.資源地址
npm地址：https://www.npmjs.com/package/nodemon
GitHub地址：https://github.com/remy/nodemon
下面的內(nèi)容只是對(duì)這個(gè)包做一個(gè)簡(jiǎn)單的了解，如果要詳細(xì)了解，建議查看官網(wǎng)。
2.包的作用nodemon 包的作用：將終端控制符轉(zhuǎn)成字符串。
3.安裝 3-1 npm 安裝$ npm install nodemon --save-dev3-2 yarn 安裝
$ yarn add nodemon --dev4.使用 4-1 簡(jiǎn)單使用
首先創(chuàng)建一個(gè)文件：
// index.js
console.log("test");
執(zhí)行命令：
$ ./node_modules/.bin/nodemon index.js
在命令行中會(huì)出現(xiàn)下面的信息：
[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 會(huì)重啟應(yīng)用：
rs [nodemon] starting `node wang.js` test1 [nodemon] clean exit - waiting for changes before restart4-2 認(rèn)識(shí)配置參數(shù)
一般情況下，是使用配置參數(shù)來(lái)執(zhí)行 nodemon 命令，因?yàn)檫@樣可定義程度比較大。
ext : 指定默認(rèn)文件的后綴，參數(shù)是一個(gè)字符串，每個(gè)后綴之間用空格分隔，默認(rèn)支持 js coffee litcoffee
script : 指定監(jiān)視的文件，這個(gè)一般是指定項(xiàng)目入口的 js 文件
watch : 這里指定監(jiān)視的文件夾或文件，是一個(gè)數(shù)組，每個(gè)參數(shù)是目錄或文件
env : 運(yùn)行環(huán)境 development 是開(kāi)發(fā)環(huán)境，production 是生產(chǎn)環(huán)境，port 是端口號(hào)
restartable : 指定重啟的命令，是一個(gè)字符串，默認(rèn)是 "rs"
ignore : 忽略監(jiān)視的文件或文件夾，默認(rèn)忽略的文件有：.git, node_modules, bower_components, .sass-cache
verbose : 是否輸出重啟的詳細(xì)信息，值是一個(gè)布爾值，true 是打印詳細(xì)信息，false 是不打印
具體信息可以參照：nodemon 基本配置與使用
4-3 結(jié)合配置參數(shù)使用這里的 test.js 文件是一個(gè)空文件，沒(méi)有任何內(nèi)容，只是放在這里做一個(gè)說(shuō)明。
// 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 () { // 啟動(dòng)時(shí)的事件
console.log("App has started");
}).on("quit", function () { // 退出時(shí)的事件
console.log("App has quit");
process.exit();
}).on("restart", function (files) { // 重啟時(shí)的事件
console.log("App restarted due to: ", files);
});
執(zhí)行程序之后的效果如下：
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" ]
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/89496.html
摘要：從事開(kāi)發(fā)的程序員，對(duì)于前后端分離模式多半不陌生，這也是目前主流的開(kāi)發(fā)模式，具體關(guān)于前后端分離的模式可以參看文章你不得不了解的前后端分離原理，在這里寫(xiě)者不進(jìn)行說(shuō)明。原理圖如下，前后端在一個(gè)進(jìn)程同一個(gè)端口中，通過(guò)熱替換更新的，而不是全量重啟。 從事 Web 開(kāi)發(fā)的程序員，對(duì)于前后端分離模式多半不陌生，這也是目前主流的 Web 開(kāi)發(fā)模式，具體關(guān)于前后端分離的模式可以參看文章《你不得不了解的前...
摘要：建議版本關(guān)于全局安裝有許多坑。以及一些其它的全局樣式文件都應(yīng)該在這里引入同時(shí)已經(jīng)使用使用了模塊，關(guān)于相關(guān)的配置，可以在中進(jìn)行配置。其他的基本在實(shí)戰(zhàn)中進(jìn)行改裝。這節(jié)主要是配置使用的修改配置 建議版本：node8.12.0 vue2.5.17 npm6.4.1 webpack4.19.1 nuxt2.0.0 關(guān)于全局安裝webpack有許多坑。詳情可慢慢琢磨（https://blog.cs...
前言 剛開(kāi)始接觸vue-cli，發(fā)現(xiàn)用它生成的框架代碼是缺少M(fèi)ock模擬的，于是自己摸索了許久，將自己的摸索的結(jié)果通過(guò)過(guò)程記錄下來(lái)，希望對(duì)別人有所幫助，能少走彎路。 這不是關(guān)于vue-cli的，是單純的模擬數(shù)據(jù)服務(wù)這不是關(guān)于vue-cli的，是單純的模擬數(shù)據(jù)服務(wù)這不是關(guān)于vue-cli的，是單純的模擬數(shù)據(jù)服務(wù) 同時(shí)希望獲得更好的解決方案，有更好方案的不要吝嗇分享啊。 實(shí)現(xiàn)目標(biāo) 1.ajax數(shù)據(jù)模...
閱讀 2699·2023-04-25 17:21
閱讀 2563·2021-11-23 09:51
閱讀 2856·2021-09-24 10:32
閱讀 3782·2021-09-23 11:33
閱讀 1981·2019-08-30 15:44
閱讀 3461·2019-08-30 11:18
閱讀 3535·2019-08-30 10:53
閱讀 632·2019-08-26 13:25
