Electron-Vue - 项目初始化

some-one

已于 2024-05-31 14:14:04 修改

阅读量414

点赞数

文章标签：前端

于 2020-05-22 10:12:57 首次发布

本文链接：https://blog.youkuaiyun.com/zhuanghuajun/article/details/106272930

版权

本文介绍了如何使用Electron-Vue搭建项目，包括vue-cli的安装、依赖管理和解决初始化过程中的问题。同时讲解了本地数据库存储方案Nedb的API，如new Datastore()的选项配置，并提供了在Vue原型链上接入Nedb的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

脚手架

安装 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

electron-vue项目初始化process is not defined问题解决

解决办法是：
在.electron-vue/webpack.renderer.config.js和.electron-vue/webpack.web.config.js文件中找到HtmlWebpackPlugin代码段并更改为如下代码：

new HtmlWebpackPlugin({
   
      filename: 'index.html',
      template: path.resolve(__dirname, '../src/index.ejs'),
      // 添加内容-start
      templateParameters(compilation, assets, options) {
   
        return {
   
          compilation: compilation,
          webpack: compilation.getStats().toJson(),
          webpackConfig: compilation.options,
          htmlWebpackPlugin: {
   
            files: assets,
            options: options
          },
          process,
        };
      },
       // 添加内容-end
      minify

最低0.47元/天解锁文章