VS Code+Element 简单了解

一、创建VS  Code文件

  1. 使用Windows+R打开后台
  2. 在后台输入 vue ui  即可  会进入项目仪表盘
  3. 点击更多选择Vue项目管理器
  4. 点击创建并修改地址,然后点击在此创建新项目
  5. 输入项目名,并将初始化git仓库设置为未选择
  6. 然后点击默认,点击创建项目

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

  • 点击选择文件,选择到刚创建的文件
  • 在index.js文件中可以配置路由
  • 在App.vue  中可以写视图
  • 然后点击终端,选择新建终端
  • 然后进入Element官网找到安装
  • 找到npm安装,复制它的内容到终端中运行
  • 然后在main.js中引用Element官网中快速上手=》引入Element中的两个引用
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
  •   然后再写上
    Vue.use(ElementUI);
  • 连接成功
posted @ 2021-09-07 19:42  古之召虎  阅读(194)  评论(0)    收藏  举报