Vue前端学习笔记-003-package.json

时间 2019-11-08

标签 vue 前端学习笔记 package.json package json 栏目 JavaScript 繁體版

原文原文链接

参考连接:blog.csdn.net/dolin88/art…vue

1.package.json的属性webpack

//package.json
{
"name":"vue-test1",
"version":"0.1.1",
"dependencies":{...},//里面会指定在生产环境中须要用到的依赖
"scirpts":{...}
}复制代码

"dependencies":{
    "axios":"^0.18.0",
    "echarts":"^4.2.1",
    "element-ui":"^2.8.2",
    "vue":"^2.6.7"
    ......
} // ^符号,会匹配最新的大版本依赖包,好比^4.2.1,会匹配全部4.x.x的包;
  // 还会遇到~和*符号: ~会匹配4.2.x *会匹配最新版本的依赖包,但会产生兼容问题因此不推荐.复制代码

2.安装包(下载后就能够用require(xxx)引入)ios

$ npm install sax@latest --save 表示将这个包名添加到package.json的dependenciesweb

$ npm install sax@0.1.1 --save-dev 表示添加到package.json的devDependencies.vue-cli

$ npm install sax@">=0.1.0<0.2.0"
npm

@符号,指定安装的版本号. 不加@,默认安装最新版本.element-ui

3.package.json中的scripts json

scripts存在的意义:无它,简化webpack命令,不用每次都写很长的打包命令.例如:axios

"scripts": {  
"serve": "vue-cli-service serve",  
"start": "npm run serve",  
"build-test": "vue-cli-service build --modern --mode=test",  
"build-prod": "vue-cli-service build --modern --mode=production", 
 "lint": "vue-cli-service lint",  "test:unit": "vue-cli-service test:unit"
}复制代码

咱们只须要 bash

npm run serve 就能够执行