VS Code软甲+Element官网 简单了解和操作

一、创建VS Code文件

1、使用Windows+R打开后台

 VS Code软甲+Element官网 简单了解和操作_官网

 

 

 

 

2、在后台输入 vue ui 即可 会进入项目仪表盘,点击更多选择Vue项目管理器,添加一下

VS Code软甲+Element官网 简单了解和操作_项目管理_02

 

 

 

 

 

3、点击创建并修改地址,然后点击在此创建新项目

VS Code软甲+Element官网 简单了解和操作_初始化_03

 

 

4、输入项目名,并将初始化git仓库设置为未选择

5、等待完成创建

然后点击默认,点击创建项目

 

二、在VS Code中打开并连接Element

1、然后点击终端,选择新建终端

2、npm 安装 然后进入Element官网找到安装

3、找到npm安装,复制它的内容到终端中运行

npm i element-ui -S

VS Code软甲+Element官网 简单了解和操作_初始化_04

 

 

4、然后在main.js中引用Element官网中快速上手=》引入Element中的三个引用

 VS Code软甲+Element官网 简单了解和操作_VS Code_05