使用Vue-cli3搭建vue项目

安装vue-cli

因为之前使用的是vue-cli 2 所以要更新为3

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli

卸载vue-cli版本: npm uninstall vue-cli -g
安装@vue/cli版本： npm install -g @vue/cli
查询vue-cli版本：vue --version

（或者也可以使用GUI界面管理vue项目：vue ui）

//安装淘宝cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org

新建脚手架项目

1. 打开至目标文件夹：vue create vue-project (禁止大写字母)

2. 选取一个 preset：（默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性）
   这里选取默认

3. 打开项目目录，并运行： npm run serve

4. 搭建完成
   

5. 导出生产文件： vue build

安装插件

使用vue add命令： vue add @vue/eslint
vue-router 和 vuex 并没有自己的插件，但可以这样添加：

vue add router
vue add vuex