博客介绍了Vue-cli相关操作。因版本更新，需将vue-cli 2更新为3，介绍了卸载旧版本、安装新版本及查询版本的方法，还可通过GUI界面管理项目。接着说明了新建脚手架项目的步骤，最后阐述了使用vue add命令安装插件，以及vue-router和vuex的添加方式。
安装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
新建脚手架项目
-
打开至目标文件夹：
vue create vue-project(禁止大写字母) -
选取一个 preset：（默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性）
这里选取默认 -
打开项目目录，并运行：
npm run serve -
搭建完成
-
导出生产文件：
vue build
安装插件
使用vue add命令： vue add @vue/eslint
vue-router 和 vuex 并没有自己的插件，但可以这样添加：
vue add router
vue add vuex
扫一扫
3204
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
