安装electron-vue之踩坑前⾔
我想搞⼀个Windows桌⾯软件，但是E语⾔⽆法读取到注册表，就只能选择⽤这个。
什么？你问我学我unity的为什么不⽤C#写。
答：我不会啊。
为什么⽤electron
答：因为我除了unity好好学之外，还有就是JS好好学了。
环境
不知道你们会选择什么环境，我选择的是linux(ubuntu)作为我的开发环境。
Electron由Node.js+Chromium+Native APIs构成。
Node.js
因此你需要Node.js。详细的安装请⾃⾏百度。
By the way, 你的安装路径中最好别带有中⽂字符，如果不会的话，傻⽠式安装即可。
安装Electron
npm
我尝试过⽤npm下载Electron，不过那速度很美丽。所以我选择了淘宝国内镜像。
cnpm
通过npm安装这速度当然⾮常美丽。
建议边吃饭边看电视边看⼩说，然后等待。
$ npm install -g cnpm --registry=registry.
electron vue教程通过cnpm安装Electron
全局安装electron，可能会有权限问题所以使⽤sudo来进⾏安装。
$ sudo cnpm install -g electron
启动Electron
通过Electron提供的快速⼯程打开⼀个简单的electron项⽬
当然你这⼀步骤需要git，所以你还额外需要安装git。百度⼀下，⾃⼰动⼀下⼿。
# 克隆这仓库
git clone github/electron/electron-quick-start
# 进⼊仓库
cd electron-quick-start
# 安装依赖库
npm install
# 运⾏应⽤
npm start
如果程序正常运⾏的话，你会看见弹出⼀个electron⼯程窗⼝！
⼤功告成
完结！开玩笑的
当然，你已经成功创建了⼀个electron项⽬，即使他还是那么简陋。所以它还仅仅不够。
以下
安装Electron-vue
# 如果你没有vue-cli的话需要全局安装
npm install -g vue-cli
# 然后使⽤vue-cli来安装electron-vue的模板
vue init simulatedgreg/electron-vue my-project
# 安装依赖
cd my-project
yarn # or npm install
# 进⼊开发模式
yarn run dev # or npm run dev
npm install(正⽂开始)
安装依赖，实际上我是在这步才安装cnpm，因为npm的下载速度实在太美丽。
cnpm install
安装所需的依赖。然⽽，我使⽤这步安装完所有的依赖，但我执⾏cnpm run dev⼜出问题了。所以我不得不安装yarn。yarn
安装yarn
# 我是使⽤aptitude来安装，win/mac请忽视这⼀步
$ sudo aptitude update && sudo aptitude install yarn
# or sudo apt-get update && sudo apt-get install yarn
踩坑yarn
# 当我cd到my-project⽂件
$ yarn
00h00m00s 0/0: : ERROR: There are no scenarios; must have at least one.
# 却收获⼀个错误
# 经过搜索可能是yarn版本低的问题
# 当然，如果你没报错的话，请忽视这⼀步骤
$ sudo apt remove yarn
$ curl -sS dl.yarnpkg/debian/pubkey.gpg | sudo apt-key add -
$ echo "deb dl.yarnpkg/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
$ sudo apt update && sudo apt install yarn
# 最后在执⾏下yarn
$ yarn
# 但是我yarn在下载依赖的时候，报错了
libgconf-2.so.4: cannot open shared object file: No such file or directory
# 提⽰缺少libgconf-2.so.4
# 此时只需要下载libgconf2-4即可
$ sudo apt-get install libgconf2-4
# 进⼊开发模式
$ yarn run dev
⼤功告成
⼤功告成！
参考⽂章：
⼀、
⼆、
三、
四、
五、
六、

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。