npm install -g cnpm
npm install -g yarn
cnpm install -g @vue/cli
vue create my-project
cd my-project
添加文件.yarnrc
registry "https://registry.npm.taobao.org"
sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
phantomjs_cdnurl "http://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"
yarn add -D electron-chromedriver
vue add vue-cli-plugin-electron-builder
npm run electron:serve
npm run electron:build
electron+vue+vuetify+typescript
同样,要把前面的.yarnrc文件加入到项目中,再执行
vue add vuetify
选择default(recommended)
vue add electron-builder
选择最新版本
此时,直接yarn run electron:serve是不显示electron窗口的,我也不知道为啥。。。
在一段时间,以及vue devtools failed to install 之后,窗口显示了。。。
根据提示,是插件electron-devtools-installer安装失败,所以窗口不显示
解决方法:在background.js文件中注释掉所有使用VUEJS_DEVTOOLS的地方就可以了
解决 unable to verify the first certificate 错误
配置环境变量