electronVue+bootstrapVue搭建桌面应用开发环境
时间: 2023-07-29 16:09:12 浏览: 135
electronvue基于vue来构造electron应用程序的样板代码
好的,下面是搭建 electronVue+bootstrapVue 桌面应用开发环境的步骤:
1. 安装 Node.js
如果你还没有安装 Node.js,那么需要先去 Node.js 官网下载安装包进行安装。
2. 创建 electronVue 项目
打开命令行工具,输入以下命令:
```bash
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
```
这样就会在当前目录下创建一个名为 `my-project` 的 electronVue 项目了。
3. 安装 bootstrapVue
进入 `my-project` 目录,然后输入以下命令:
```bash
npm install bootstrap-vue
```
4. 引入 bootstrapVue
打开 `src/renderer/main.js` 文件,在文件开头添加以下代码:
```javascript
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
```
这样就完成了 bootstrapVue 的引入。
5. 运行项目
在 `my-project` 目录下,输入以下命令:
```bash
npm run dev
```
这样就可以启动 electronVue 项目了。
以上就是搭建 electronVue+bootstrapVue 桌面应用开发环境的步骤,希望可以帮助到你。
阅读全文