VSCode---javawab之vue安装

1.下载Node.js

        在浏览器搜索 Nodejs进入官网下载左边版本或点击下方链接下载Node.js (nodejs.org)https://nodejs.org/en

2.在cmd中输入npm install -g@vue/cli安装Vue -cli(      注意在安装过程中路径名最好不要出现汉字不然可能会出现无法安装的情况       ) 

   安装成功后可使用vue -V查看是否安装成功

3.在cmd中输入vue ui 进入图形化界面创建vue项目

        1.点击创建，然后点击在此创建新项目

        

        2.输入项目名

        

          3.点击手动

        

            4.将Router点开然后下一部

        

        5.选用 2.x和ESLint with error prevention oniy  然后创建项目，不保存预设

             

6.成功后点击在编译器打开，然后打开你的VSCode,启用npm脚本

7.点击三角就可以运行

8.引入Element        在文件的终端写入npm i element-ui@2.15.3安装

9.然后在main.js中写入下面中不存在的代码（可在官网快速入手中查看）

组件 | Elementhttps://element.eleme.cn/2.0/#/zh-CN/component/quickstart

10.之后就可以使用Element组件了