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  

复制代码