vuecli3.0

• 1.安裝步驟
  

rourer 

vuex

css pre

babel

pwa:

linter: 

unit testing: 單元測試

E2E testing,, 代碼測式

如下圖是：是否默認爲history路由， 先 n

下面的安裝css。 我先第三個

 如下是 配置單獨放在一個文件夾，仍是放在package.json中， 我先第一個

下面是， 是否 保存 本次的設置，我選的 n

 而後回車，就能夠進行安裝了，

2.目錄分析

改造後：

 store 的文件整理。

添加 service與 less文件。

• 3.  修改vue.config.js
  

若是想修改vue-cli3的webapck配置，須要手動，添加一個vue.config.js的文件。

其中。 配置  暴露全局 變量。 serverDomain ，是區分 線上環境仍是預發環境

{
  "scripts": {
    "dev_yf": "vue-cli-service serve", // mode默認爲development 
    "dev": "vue-cli-service serve --mode production", 
  },
}複製代碼

chainWebpack: (config) => {      // 暴露 servrDomain 爲全局變量       config            .plugin('define')                .tap(args => {                   if (process.env.NODE_ENV === 'production') {                    args[0]['serverDomain'] = JSON.stringify("api.baidu.com");                  } else {                    args[0]['serverDomain'] = JSON.stringify("beta-api.baidu.com");                  }                return args            })           },複製代碼

還有一個方式來區別 運行的哪一種環境, 能夠本身定義process.env 的參數

插件 cross-env  

複製代碼