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 错误
配置环境变量

本文详细介绍如何使用Electron、Vue、Vuetify和TypeScript搭建跨平台桌面应用,包括配置.yarnrc文件以优化依赖下载速度,解决窗口不显示和证书验证错误等问题。
962

被折叠的 条评论
为什么被折叠?



