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包,看自己的项目以前用到了什么包,一定要在这里引入下来。仔细一点,否则项目跑起来就是是也看不到~