手把手教你搭建vue+electron+element-ui环境
手把手教你搭建vue+electron+element-ui环境
·
首先选择项目地址打开vscode
一.安装vue
- 在键盘上按CTRL+~键打开终端
- 输入vue(首先确保已经全局安装vue) create xxx(项目名)会弹出下方界面,这里我们选择vue2
- 点击回车安装
- 出现此界面证明安装成功
二.安装electron
- 首先在终端输入cd xxx(你的vue项目名)切换到你的项目目录
- 在终端输入npm install --save-dev electron(安装淘宝镜像可输入cnpm)
- 打开根目录的package.json文件
- 查看devDependencise对象中是否存在electron
- 如果存在则证明安装成功
三.安装element-ui
- 安装element-ui
- 在终端输入npm install element-ui -s(如果安装淘宝镜像可以使用cnpm)
- 打开根目录的package.json文件
- 查看dependencies对象中是否存在element-ui
- 如果存在则证明安装成功
- 打开根目录的src文件夹中的main.js文件
- 输入import ElementUI from 'element-ui'引入element-ui组件库
- 输入import 'element-ui/lib/theme-chalk/index.css' 引入element-ui全部样式
- 输入Vue.use(ElementUI)应用element-ui(此处为全局应用)
- 引用成功如图
如果你根据步骤成功搭建那么恭喜你搭建成功
更多推荐
已为社区贡献1条内容
所有评论(0)