win10下electron开发环境搭建

一番码客 : 挖掘你关心的亮点。 http://efonfighting.imwork.net

本文目录：

Win10 开发环境配置安装Node.js安装开发工具：VSCode安装Electron参考

这几年虽然随着移动互联网的崛起，移动端应用已经成了一片红得发紫的红海，仿佛还没有真正红过的PC桌面应用直接进入了夕阳行业。但目前为止，PC仍然是这个社会的主要生产工具。所以虽然一番在玩泥巴的年纪错过了PC桌面应用当红的时代，现在一番还是对开发一些提升生产力的PC桌面工具感兴趣。（咳，关注一番的同学应该知道了，一番就是个初级软件开发爱好者，一会儿python整一下，一会儿android app弄一下，一会儿博客搭建戳一下，这会儿又想玩PC桌面应用了，浅尝辄止，还是在玩泥巴的阶段。）

electron最大的特点就是界面潮、跨平台。就这两个特点，就能把其他桌面应用开发工具拍在沙滩上了。

近几年微软大力发展推广的IDE VsCode就是用electron开发的，可见electron的势头还是很猛的。只是因为一些历史的拖累，老的开发者还停留在c++ mfc或者c#的开发方式上（当然，他们还是可以做的不错的）。

Win10 开发环境配置

安装Node.js

打开Node.js官网下载页面：https://nodejs.org/en/download/，点击下载Windows Installer，一番这里下载的node-v10.16.3-x64.msi，下载完后点击一路默认安装即可。

安装完后在终端输入如下命令查看安装信息：

# 下面这行的命令会打印出Node.js的版本信息
node -v

# 下面这行的命令会打印出npm的版本信息
npm -v

npm是Node.js下的包管理器，一般情况下安装node.js同时都会自带安装好npm。如果需要升级npm可以运行npm install npm -g。

安装开发工具：VSCode

开发工具，一番选择官方推荐的VSCode，访问官网https://code.visualstudio.com/下载，一路默认安装即可。

安装Electron

• 独立安装：npm install --save-dev electron 官方推荐的是在app工程所在目录，执行该命令来安装。这样可以保持每个app有一个独立的electron开发环境。
• 全局安装：npm install electron -g 这种方式意味着所有的项目共用一个electron版本。 git clone 一个仓库，安装依赖库，并启动运行 # 克隆这仓库 git clone https://github.com/electron/electron-quick-start # 进入仓库 cd electron-quick-start # 安装依赖库 npm install # 运行应用 npm start

这样我们便搭建了一个electron的开发环境，当然，它什么功能都还没有。后面一番会继续学习。

参考：

• https://electronjs.org/docs
• https://mp.weixin.qq.com/s/52yKMYXnxriqqelspTjWlA
• https://www.imooc.com/article/68465

一番雾语：傲气和谦卑。

免费知识星球：一番码客-积累交流 微信公众号：一番码客 微信：Efon-fighting 网站：http://efonfighting.imwork.net