以下教程以yarn为包管理器。

创建一个Vue CLI项目

vue create weapp-components-manager

进入目录，新建.yarnrc

创建一个文件叫.yarnrc，写入：

registry "https://registry.npm.taobao.org"
sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
phantomjs_cdnurl "https://cnpmjs.org/downloads"
electron_mirror "https://npm.taobao.org/mirrors/electron/"
sqlite3_binary_host_mirror "https://foxgis.oss-cn-shanghai.aliyuncs.com/"
profiler_binary_host_mirror "https://npm.taobao.org/mirrors/node-inspector/"
chromedriver_cdnurl "https://cdn.npm.taobao.org/dist/chromedriver"

这是为了防止一些文件从国外下载困难。

进入目录，新建.prettierrc.js

Prettier默认在代码中使用双引号，应改成使用单引号。别的都可以不改。

module.exports = {
  singleQuote: true
}

进入目录，安装electron-builder

vue add electron-builder

会让你选版本，本文写作的时候，会让你选7.0.0/8.0.0/9.0.0，我建议你选8.0.0，因为9.0.0有很多破坏性改进，我在8.0开发的项目在9.0运行出错。当然如果你愿意挑战一下也可以。

运行开发命令，就可以了

yarn electron:serve