vue/cli3.x+elementUI2.8踩雷之旅(一、环境安装)

环境的安装:

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    回车后会提醒你是手动还是默认,建议两个都试下,看下手动会让你选些什么。

方法二,划重点:我是小白我是小白,我要最简单的UI可以直接配置  命令行输入:vue ui 进入可配置化的界面,可以参考:https://segmentfault.com/a/1190000015366009#articleHeader5

划重点,vueui运行后项目配置页面空白处理:

1.去https://www.google.cn/intl/zh-CN/chrome/  下载最新浏览器,放心这个链接无墙

2.chrome进入高级设置,添加默认语言为英语。

3.重启浏览器,KO

vue/cli3.x+elementUI2.8踩雷之旅(一、环境安装)_第1张图片

4:添加插件

vue/cli3.x+elementUI2.8踩雷之旅(一、环境安装)_第2张图片

vue/cli3.x+elementUI2.8踩雷之旅(一、环境安装)_第3张图片

 

直得一说的是,可视界面操作真香:

vue/cli3.x+elementUI2.8踩雷之旅(一、环境安装)_第4张图片

你可能感兴趣的:(vue)