创建VS code项目

一、创建VS  Code文件

1.在电脑左下角windows右键点击运行

2.然后输入vue ui,然后回车

3.跳出一个页面,点击左下里有个更多选择

4.在里面点击项目管理器

5.点击创建喝修改地址后,点击在此创建新项目

6.输入项目名,把下面选择都是变成未选择,点击确定

7.选择默认,点击创建

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

1.点击选择文件,选择到刚创建的文件
2.在index.js文件中可以配置路由
3.在App.vue  中可以写视图
4.然后点击终端,选择新建终端
5.然后进入Element官网找到安装
6.找到npm安装,复制它的内容到终端中运行
7.然后在main.js中引用Element官网中快速上手=》引入Element中的两个引用

import ElementUI from 'element-ui';
import 'element-ui/shdb/theme-chalk/index.css';
  然后再写上
Vue.use(ElementUI);
连接成功

posted @ 2021-09-08 19:58  鸡毛换糖  阅读(456)  评论(0)    收藏  举报