1.electron vue element-ui环境搭建

目录

前言

之前一直用C,C++，对前端的知识了解的很少（仅在之前做打印时用了html）。最近因为某种原因，想开发一个类似于STM32CUBEMAX工具的软件。之前写APP时都是用QT。但这次真不想用QT了。决定学习一下electron。

准备工作

• 工作平台：win10
• 安装node.js vscode 等工具。

过程与问题

基本环境弄好后，在poweshell下 管理员权限运行。

• 安装vue-cli npm install -g vue-cli
• 安装element-ui npm i element-ui -S
• 在当前工程目录下，输入 vue init simulatedgreg/electron-vue ele-vue-learning。
• npm install 安装依赖。
• npm run dev 编译运行项目。

遇到的问题：
在npm install 时出现python2.7未安装的情况。
解决方法： npm install --global --production windows-build-tools

npm install --global --production windows-build-tools 时提示mkdir权限有问题。查了很多，包括以管理员权限启动，都未能解决。install总是报错。这里浪费了很多时间找问题。
后面发现是npm的问题
修改npm默认仓库

npm install -g cnpm --registry=https://registry.npm.taobao.org

npm install --global --production windows-build-tools 改为 cnpm install --global --production windows-build-tools 安装成。
然后再运行npm run dev 演示demo运行成功。

参考资料

在解决问题的过程中发现electron-vue的官方文档，对于第一次接触前端的来说很有用。
https://simulatedgreg.gitbooks.io/electron-vue/content/cn/