1、安装 cross-env npm install across-env --save-dev
目的:为了能正常配置自定义参数。 例如 :test1=xixixi ,前面要加上 cross-env。
2、安装 nodemon npm install across-env --save-dev
目的:自动完成node服务器和数据库服务器的重启,比如mock数据请求
一、示例代码
package.json 文件
{
"scripts": {
// "serve": "vue-cli-service serve --mode development",
// "dev": "vue-cli-service serve --mode development",
// "start": "npm run dev & npm run mock",
// "build": "vue-cli-service build",
"test1": "cross-env MY_TEST=xixixi NAME=huahua nodemon -w ./test ./test/test.js",
"my:dev": "cross-env MY_DEV=dev666 vue-cli-service serve",
// "mock": "cross-env PROXY_TARGET=4009 nodemon -w ./mockSever ./mockSever/mock-server.js"
},
}
test.js
// 打印自定义的参数
console.log('==========(1)========>>>', process.env.MY_TEST)
二、解析:
1、执行自定义命令 test1 ,既 npm run test1
,相当于执行了 test.js 这个文件,并进行参数MY_TEST
的打印。
(1)test1 自定义命令定义了两个参数MY_TEST=xixixi
和NAME
;且命令指向了 test.js 文件nodemon -w ./test ./test/test.js
。
(2)自定义的参数可以再任何一个vue实例中获取,获取方法:process.env.定义的参数
。
注意:cross-env 后面跟自定义的参数,可以多个参数。被指向js文件要包一层文件夹。
2、执行自定义命令 my:dev ,既 npm run my:dev
,相当于执行了 vue-cli-service serve
既启动项目的命令。
(1)my:dev 自定义命令定义了一个参数 MY_DEV=dev666
,且会执行vue-cli-service serve
启动项目。
(2)其实,默认命令npm run dev
执行的也是vue-cli-service serve
,相应的命令有打包命令vue-cli-service build
等。
三、给项目添加mock数据。
上面代码的自定义命令 mock 就是启动mock数据的命令。mock作用就是方便本地造数据调试
原理:
同 test1命令,npm run mock
命令会指向 mock-server.js
文件。
代码: 待更新…