vue-cli3.0搭建、配置(vue.config.js)及使用

vue-cli3.0安装

如果你事先已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先卸载它:

npm uninstall vue-cli -g

安装

npm install -g @vue/cli // 安装cli3.x
vue --version // 查询版本是否为3.x

如果不想用cli3.x，cli3也能使用2.x模板，命令如下：

npm install -g @vue/cli-init // 安装这个模块
// 就可以使用2.x的模板：vue init webpack my-project

vue-cli 3.0安装完成后会发现比基本目录结构相对 2.0 精简了不少 。webpack配置的目录不见了，也就是没有build、config这两个文件夹了，想要配置的话，需要在项目根目录下创建vue.config.js文件。

// vue.config.js
module.exports = {
   
  // 选项...
}

目录说明：

打包上线

1、vue-cli 也提供了打包的命令，在项目根目录下执行