vue-cli 打包成桌面应用----electron使用---

2018-05-25  本文已影响0人  大山的那边

下面这个是 electron 官方脚手架

# 安装 vue-cli 和 脚手架样板代码

npm install -g vue-cli

vue init simulatedgreg/electron-vue my-project

# 安装依赖并运行你的程序

cd my-project

yarn # 或者 npm install

yarn run dev # 或者 npm run dev

我们需要做的

打开目录结构src/renderer/ 为我们自己的项目/

基本和vue官方一样的目录结构,这里我们主要动的就是main这个文件,

if (!process.env.IS_WEB) Vue.use(require('vue-electron')) 这句话千万不要动

其他的地方把自己的项目文件迁移过来,这里需要注意的就是“

new Vue({

components: {App},

    router: Router,

    store: Store,

    template:''

}).$mount('#app')

下来最重要的来了~

打开主目录的packge包,看自己的项目以前用到了什么包,一定要在这里引入下来。仔细一点,否则项目跑起来就是是也看不到~

上一篇下一篇

猜你喜欢

热点阅读