詳解vue-cli 腳手架項(xiàng)目-package.json
使用vue-cli腳手架新建的項(xiàng)目中,含有package.json。
package.json是npm的配置文件,里面設(shè)定了腳本以及項(xiàng)目依賴的庫。 npm run dev 這樣的命令就寫在package.json里。
{
"name": "vue-manage", // 項(xiàng)目名稱
"version": "1.0.0", // 版本
"description": "Reimbursement Manage", // 描述
"author": "LXG", // 作者
"private": true, //是否私人項(xiàng)目
"scripts": {
"dev": "node build/dev-server.js", // npm run dev 的 dev,使用node執(zhí)行 build/dev-server.js
"start": "node build/dev-server.js", // npm run start 跑的是同樣的命令
"build": "node build/build.js", // npm run build 跑的是 node build/build.js // 以下腳本為單元測(cè)試用到的腳本
// 以下腳本為單元測(cè)試用到的腳本
"unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
"e2e": "node test/e2e/runner.js",
"test": "npm run unit && npm run e2e"
},
"dependencies": { // dependencies 設(shè)定的是項(xiàng)目里使用的依賴
"vue": "^2.2.6",
"vue-router": "^2.3.1",
"element-ui": "1.3.1",
"vue-datasource": "1.0.9",
"axios": "^0.15.3",
"vue-core-image-upload": "2.1.5",
"mockjs": "^1.0.1-beta3",
"babel-polyfill": "^6.23.0"
},
"devDependencies": { //devDependencies設(shè)定的是開發(fā)使用的依賴
"autoprefixer": "^6.7.2", // 是用于給css3屬性自動(dòng)加屬性前綴的
"babel-core": "^6.22.1", // babel相關(guān)的都是用于處理es6語法的
"babel-loader": "^6.2.10",
"babel-plugin-transform-runtime": "^6.22.0",
"babel-preset-env": "^1.3.2",
"babel-preset-stage-2": "^6.22.0",
"babel-register": "^6.22.0",
"chalk": "^1.1.3", // chalk適用于格式化輸出命令行信息的,比如run dev以后的start...
"connect-history-api-fallback": "^1.3.0",
"copy-webpack-plugin": "^4.0.1",
"css-loader": "^0.28.0", // 所有的*-loader都是 webpack的擴(kuò)展,webpack是把各種資源理解為一個(gè)模塊,css-loader就是讀取css模塊的加載器
"eslint": "^3.19.0", // eslint 相關(guān)是代碼格式化檢查工具,開啟以后要嚴(yán)格遵照它規(guī)定的格式進(jìn)行開發(fā) (我一般把它關(guān)了,為了顯示特意加上的)
"eventsource-polyfill": "^0.9.6",
"express": "^4.14.1", // express 用于啟動(dòng) node http server的服務(wù)
"extract-text-webpack-plugin": "^2.0.0",
"file-loader": "^0.11.1",
"friendly-errors-webpack-plugin": "^1.1.3",
"html-webpack-plugin": "^2.28.0", // webpack 里載入和處理html的插件
"http-proxy-middleware": "^0.17.3", // node server 的中間件工具
"webpack-bundle-analyzer": "^2.2.1",
"cross-env": "^4.0.0", // 設(shè)定環(huán)境變量的工具,NODE_ENV變量跟它有關(guān)
"karma": "^1.4.1", // karma相關(guān)的都是單元測(cè)試工具
"karma-coverage": "^1.1.1",
"karma-mocha": "^1.3.0",
"karma-phantomjs-launcher": "^1.0.2",
"karma-phantomjs-shim": "^1.4.0",
"karma-sinon-chai": "^1.3.1",
"karma-sourcemap-loader": "^0.3.7",
"karma-spec-reporter": "0.0.30",
"karma-webpack": "^2.0.2",
"lolex": "^1.5.2",
"mocha": "^3.2.0",
"chai": "^3.5.0",
"sinon": "^2.1.0",
"sinon-chai": "^2.8.0",
"inject-loader": "^3.0.0",
"babel-plugin-istanbul": "^4.1.1",
"phantomjs-prebuilt": "^2.1.14",
"chromedriver": "^2.27.2",
"cross-spawn": "^5.0.1",
"nightwatch": "^0.9.12",
"selenium-server": "^3.0.1", // 一個(gè)版本檢查工具
"semver": "^5.3.0", // selljs是在node里跑shell命令的工具,比如‘rm -rf'
"shelljs": "^0.7.6",
"opn": "^4.0.2", // 跨平臺(tái)的開啟文件或者網(wǎng)頁的工具
"optimize-css-assets-webpack-plugin": "^1.3.0",
"ora": "^1.2.0", // 命令行里自動(dòng)運(yùn)行的信息提示
"rimraf": "^2.6.0", // 跑shell命令 rm-rf 的工具
"url-loader": "^0.5.8", // 配合webpack的加載器
"vue-loader": "^11.3.4", // 配合webpack的加載器
"vue-style-loader": "^2.0.5", // 配合webpack的加載器
"vue-template-compiler": "^2.2.6", // vue-template-compiler,可能是配合離線版vue
"webpack": "^2.3.3", // webpack相關(guān)的用于,把圖片,*.vue, *.js, 這些組合成最終的項(xiàng)目,webpack-dev用于跑測(cè)試服務(wù)器
"webpack-dev-middleware": "^1.10.0",
"webpack-hot-middleware": "^2.18.0",
"webpack-merge": "^4.1.0",
"babel-preset-es2015": "^6.22.0",
"function-bind": "^1.1.0",
"webpack-bundle-analyzer": "^2.2.1"
}, // 項(xiàng)目依賴的引擎版本
"engines": {
"node": ">= 4.0.0",
"npm": ">= 3.0.0"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
詳解vue數(shù)據(jù)響應(yīng)式原理之?dāng)?shù)組
這篇文章主要為大家詳細(xì)介紹了vue數(shù)據(jù)響應(yīng)式原理之?dāng)?shù)組,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-02-02
Vue如何在CSS中使用data定義的數(shù)據(jù)淺析
這篇文章主要給大家介紹了關(guān)于Vue如何在CSS中使用data定義的數(shù)據(jù)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-05-05
新版vue-cli模板下本地開發(fā)環(huán)境使用node服務(wù)器跨域的方法
這篇文章主要介紹了新版vue-cli模板下本地開發(fā)環(huán)境使用node服務(wù)器跨域的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04
Vue項(xiàng)目如何根據(jù)不同運(yùn)行環(huán)境打包項(xiàng)目
這篇文章主要介紹了Vue項(xiàng)目如何根據(jù)不同運(yùn)行環(huán)境打包項(xiàng)目問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vue-star評(píng)星組件開發(fā)實(shí)例
下面小編就為大家分享一篇vue-star評(píng)星組件開發(fā)實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
解決ElementUI組件中el-upload上傳圖片不顯示問題
這篇文章主要介紹了解決ElementUI組件中el-upload上傳圖片不顯示問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10
Vue3 組合式函數(shù)Composable最佳實(shí)戰(zhàn)
這篇文章主要為大家介紹了Vue3 組合式函數(shù)Composable最佳實(shí)戰(zhàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06

