vue3+typescript+electron+NodeSerialport开发环境搭建

由于现在网上的教程文档使用的版本还有发布时间过于久远，前端技术更新较快，所以有了这一篇开发环境搭建

目录

安装node.js

安装vue-cli 

创建一个vue项目 

 vue项目集成electron

安装NodeSerialport的准备工作

安装node-gyp

安装python

安装C++环境

安装NodeSerialport

---

安装node.js

node官网网址

点击进入node官网网址，下载16.13.0 LTS长期支持版本

 默认一路安装

使用Win+R键打开运行窗口，输入powershell，敲击回车

 

在powrshell窗口中输入：node -v

node -v

安装vue-cli 

vue-cli官网网址

点击网址进入官网，点击起步

侧边栏目录找到安装

 

往下浏览找到此页面

 

这里我是喜欢用yarn介于刚刚开始学习的同学，我这里使用npm 

在使用npm之前，由于众所周知的原因我们需要切换npm的仓库地址

在powrshell窗口中输入：npm config set registry https://registry.npm.taobao.org

npm config set registry https://registry.npm.taobao.org

接下来按照vue-cli教程全局安装vue-cli

 

创建一个vue项目 

找到一个合适的目录下

在powrshell窗口中输入：vue create v