环境的安装:
1:nodeJS已经安装好了的。
其他升级或安装方式参考(https://www.runoob.com/vue2/vue-install.html),安装后不要着急创建项目,咱们的目标是越简单越好。看后面的。
2:安装vue-cli3.x
如果此前已经安装vue2.x或更早版本,请执行: npm uninstall -g vue-cli 来卸载旧版本。(有重要项目仍然要用他的话,自己看着办。本白保持观望...)
全局安装vue-cli3.x 执行命令:npm install -g @vue/cli (如果有安装淘宝官方镜像,可以使用cnpm install -g @vue/cli 速度要快些)
3:创建项目
3.x的创建项目可以和之前一样,但既然已经升级了,为什么不用更棒的方式呢?
方法一, 命令行输入:vue create <project-name> 回车后会提醒你是手动还是默认,建议两个都试下,看下手动会让你选些什么。
方法二,划重点:我是小白我是小白,我要最简单的UI可以直接配置 命令行输入:vue ui 进入可配置化的界面,可以参考:https://segmentfault.com/a/1190000015366009#articleHeader5
划重点,vueui运行后项目配置页面空白处理:
1.去https://www.google.cn/intl/zh-CN/chrome/ 下载最新浏览器,放心这个链接无墙
2.chrome进入高级设置,添加默认语言为英语。
3.重启浏览器,KO
4:添加插件
直得一说的是,可视界面操作真香: