vuecli-CLI2目錄結構決議
先看package.json
"name": "vuecli2test",
"version": "1.0.0",
"description": "test vue cli2",
"author": "lcq <2226298119@qq.com>",
"private": true,
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"lint": "eslint --ext .js,.vue src",
"build": "node build/build.js"
},
創建專案時配置的資訊，還有預設的script命令，npm run dev等價于npm run start.
npm run dev 里就是啟動服務命令和執行相關組態檔命令
npm run build就是執行build/build.js目錄下的build.js檔案，打包檔案
接下來看一下build.js檔案
洗掉上次打包的檔案夾
再次拿到webpackConfig配置資訊，這個webpackConfig是上邊匯入的
const webpackConfig = require('./webpack.prod.conf')
之前配置分離講過，dev運行時配置，prod開發時配置，分離開來，同時還有一個base基礎配置共有的，然后采用webpack-marge合并
再看看base.js
這不就是當初我們手動配置的東西嗎，有很多熟悉的東西
config檔案夾下
都是配置一些基礎變數
static檔案夾
該檔案夾下的內容到時候發布時，會原封不動復制到dist檔案夾下
.babelrc檔案
安裝"babel-preset-env": “^1.3.2”,后會要求單獨生成.babelrc組態檔，而不是在webpack組態檔里配置，
es6以上轉成es5的組態檔
配置瀏覽器史稱份額大于1%，并且是其最后的兩個版本，不考慮ie<=8
es有很多階段，只針對第二階段進行轉換
安裝的插件
.editorconfig檔案
.eslintignore檔案
以下地方的代碼不采用eslint規范，忽略
.gitignore檔案
git上傳檔案時，忽略的檔案，
.eslintrc.js檔案
代碼檢測配置
.postrcssrc.js檔案
進行css轉換時的配置
index.html檔案
模板檔案
package.json檔案
管理node里邊的包
package-lock.json檔案
與package.json檔案相互映射
package.json檔案里很多版本都加了^符號，意味著版本號最后一位只要大于等于配置的即可
~代表版本號后兩位都可以變換，只要大于等于配置的即可，第一位不能變，
那么真實安裝的可能和配置的不一樣，package-lock.json就是真實安裝的版本
README檔案
寫一些檔案相關資訊，
如果安裝vue腳手架不成功，首先考慮是否管理員身份運行cmd，其次清理快取
clean cache --force
或洗掉C:\Users\liuch\AppData\Roaming\npm-cache檔案夾
關閉eslint
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/243360.html
標籤：區塊鏈