目錄
1.1 命令列初始化專案
1.2 分析專案目錄
1.3 執行專案
1.4 多環境配置打包發布
最近公升級到vue-cli3，發現vue-cli2搭建專案命令不能用了，兩者搭建開發環境專案內容也發生了變化。
vue-cli2搭建專案環境的命令：vue init webpack vue2-webpack-project
vue-cli2公升級到vue-cli3的時候，vue init 命令不能用了，如果還想使用vue init命令，需要全域性新增乙個@vue/cli-init工具包。
yarn global add @vue/cli-init
npm install -g @vue/cli-init
vue init webpack vue-webpack
? project name vue-webpack // 專案名稱
? project description vue-cli2+webpack模版 // 專案注釋
? author 一座島 // 作者
? vue build standalone
? install vue-router? yes // 載入依賴vue-router
? use eslint to lint your code? yes // 是否新增eslint到你專案中，格式化**，規範**格式統一，檢驗**合法性。
? pick an eslint preset standard // 採用eslint標準
? set up unit tests no // 是否開啟單元測試
? setup e2e tests with nightwatch? no // 是否開啟端到端測試
? should we run `npm install` for you after the project has been created? (recommended) yarn // 選擇npm ，yarn 依賴包管理工具
-->config目錄：主要存放配置檔案，用於區分開發環境、線上環境的不同。 常用到此資料夾下 config.js 配置開發環境的 埠號、是否開啟熱載入 或者 設定生產環境的靜態資源相對路徑、是否開啟gzip壓縮、npm run build 命令打包生成靜態資源的名稱和路徑等。
用於掛載 vue 節點。
-->package.json檔案：
存放專案名稱，版本號，dependencies和devdependencies宣告了需要引用的依賴包，啟動、打包專案的命令管理等。
-->src目錄：我們開發的頁面和資源可以放在這裡。
src下main.js：vue-cli工程的入口檔案。
-->static目錄：存放一些靜態檔案。
第一次初始化專案，終端對話方塊中，需要進入到專案目錄中，執行兩條命令yarn install , yarn run dev
沒有新依賴包加入到專案中，直接執行yarn run dev就可以了。
package.json檔案中準備不同環境打包命令
build:prod：生產環境, cross-env命令後面node_env=production，表示給process.env.node_env=production
build:test：測試環境。
build:test2：測試環境2，這裡需要注意node_env=test，會影響打包的檔案大小。
注意點：build目錄->utils.js，webpack.base.conf.js，vue-loader.conf.js中使用到了if(process.env.node_env===production)判斷語句來做配置，node_env!=production時候會影響打包檔案大小。我們打包命令中統一新增node_env=production。
"scripts": ,
3. config目錄中新增test.env.js檔案，並對index.js中build屬性編輯。
// 可以根據不同的打包環境，指定包的輸出路徑。
if(process.env.env_config === 'prod')else if(process.env.env_config === 'test')else
module.exports =
}
build.js檔案中刪除一行**：
process.env.node_env='production'
webpack.prod.conf.js檔案中替換一行**：
const env = require('../config/prod.env'）替換成 config.build[process.env.env_config+'env']
5. 執行打包命令
yarn run build:prod
yarn run build:test
webpack搭建vue環境
npm init y cnpm i webpack webpack cli dcnpm i webpack dev server dcnpm i vue scnpm i html webpack plugin d建立src index.html src main.js webpack.config....
webpack 搭建 React 專案
根據官方文件上面說 你的機器上安裝的 node 8.10 和 npm 5.6 1 所以第一步檢查自己的 node 版本 2 根據官方文件上說的，直接執行下面三句話，建立 react 專案並執行 npm start 但是也許你在執行者三句話時，會出現一些錯誤 然後再執行上面的命令，也就是 切記建立檔案...
webpack建立vue專案
title webpack建立vue專案 tag webpack,vue,前端 歡迎檢視我的部落格 永無島 node v 10.4.0 npm v 6.1.0 檢視本專案原始碼請移步這裡 新建專案目錄 進入cmd,cmd目錄指定到專案目錄 mkdir myvuetest cd myvuetest 建...