Vue前端學習筆記-003-package.json

參考連接:blog.csdn.net/dolin88/art…

1.package.json的屬性

//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)引入)

$ npm install sax@latest --save 表示將這個包名添加到package.json的dependencies

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

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

@符號,指定安裝的版本號. 不加@,默認安裝最新版本.

3.package.json中的scripts  

scripts存在的意義:無它,簡化webpack命令,不用每次都寫很長的打包命令.例如:

"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"
}複製代碼

咱們只須要 

 npm run serve 就能夠執行