美文网首页
vue-cli 打包成桌面应用----electron使用---

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

作者: 大山的那边 | 来源:发表于2018-05-25 11:16 被阅读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包,看自己的项目以前用到了什么包,一定要在这里引入下来。仔细一点,否则项目跑起来就是是也看不到~

    相关文章

      网友评论

          本文标题:vue-cli 打包成桌面应用----electron使用---

          本文链接:https://www.haomeiwen.com/subject/dvysjftx.html