首先选择项目地址打开vscode

一.安装vue

  1. 在键盘上按CTRL+~键打开终端
  2. 输入vue(首先确保已经全局安装vue) create xxx(项目名)会弹出下方界面,这里我们选择vue2
  3. 点击回车安装
  4. 出现此界面证明安装成功

二.安装electron

  1. 首先在终端输入cd xxx(你的vue项目名)切换到你的项目目录
  2. 在终端输入npm install --save-dev electron(安装淘宝镜像可输入cnpm)
  3. 打开根目录的package.json文件
  4. 查看devDependencise对象中是否存在electron
  5. 如果存在则证明安装成功

三.安装element-ui

  1. 安装element-ui
  2. 在终端输入npm install element-ui -s(如果安装淘宝镜像可以使用cnpm)
  3. 打开根目录的package.json文件
  4. 查看dependencies对象中是否存在element-ui
  5. 如果存在则证明安装成功
  6. 打开根目录的src文件夹中的main.js文件
  7. 输入import ElementUI from 'element-ui'引入element-ui组件库
  8. 输入import 'element-ui/lib/theme-chalk/index.css' 引入element-ui全部样式
  9. 输入Vue.use(ElementUI)应用element-ui(此处为全局应用)
  10. 引用成功如图

 如果你根据步骤成功搭建那么恭喜你搭建成功

 

 

 

 

 

 

 

Logo

前往低代码交流专区

更多推荐