vue-cli 打包成桌面应用----electron使用---完整的项目迁移

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容