Electron.NET开发入门（Linux && Windows）

先决条件

使用Electron.NET进行开发，不论是在Windows系统下，还是在Linux系统下，确保计算机已安装：

0. Node.js
1. NPM
2. dotnet CLI Electron.NET 全局工具： ElectronNET.CLI
3. .NET 5.0以上的SDK

Windows系统下环境搭建

操作系统及IDE

Windows 7及以上，X86/X64架构的即可。

IDE使用的是 Visual Studio 2019

安装步骤

Node.js及npm的安装

下载地址 选择与自己电脑对应的(32位/64位)Windows安装包(.msi)下载即可，一般默认选择的是最新版本。下载完成之后 双击 .msi 文件，运行，一路next下去，直到安装完成。

检测是否安装成功

win+r 输入cmd 打开命令行，输入node -v查看是否安装成功，输入npm -v查看集成的 npm是否正确安装。如果命令都输出对应的版本号，如下图，表示安装成功了。如果提示系统未识别的指令，则将node.exe文件所在路径添加到系统的环境变量中。

基本设置

下载npm的原因是通过他去下载功能丰富的各种组件，npm的全局模块和缓存模块默认是在C盘，为了便于管理，我们需要新建两个文件夹 ：node_global(全局模块)和node_cache(缓存模块)。 这里注意两个文件夹的名字必须是这个，否则后期可能会报错。同样是在命令行窗口中设置npm的全局模块和缓存模块。

C:\Users\Administrator>npm config set prefix "创建的node_global文件夹所在路径"      #设置全局模块 
​
C:\Users\Administrator>npm config set cache "创建的node_cache文件夹所在路径"          #设置缓存模块
​
C:\Users\Administrator>npm config get prefix   #查看全局模块所在路径
​
C:\Users\Administrator>npm config get cache   #查看缓存模块所在路径 

npm镜像源设置

npm的下载源默认是一个国外的网站，下载速度比较慢.为了提高下载速度。解决方案之一是 将下载源设置成淘宝源。另一种方式使用cnpm下载。设置npm源的几种方式

# the original source
https://registry.npmjs.org/
​
npm config set registry https://registry.npm.taobao.org  #设置成淘宝源
​
npm config get registry  #查看结果
​
#安装cnpm 其中-g表示全局安装
npm install -g cnpm  
​
cnpm -v        # 输出版本号表示cnpm安装成功,以后就可以用cnpm替代npm进行下载了 

.NET SDK安装

下载地址 选择与自己电脑对应的(32位/64位)Windows安装程序下载即可，5.0以上即可。下载完成之后 双击运行安装程序，一路next下去，直到安装完成。win+r 输入cmd 打开命令行，输入dotnet --info查看是否安装成功,显示以下结果表示安装成功。

ElectronNET.CLI的安装

在cmd控制台中，通过运行以下指令安装，使用的是13.5.1版本

C:\Users\wjt>dotnet tool install ElectronNET.CLI -g --version 13.5.1 

Linux系统下环境搭建

操作系统及IDE

操作系统：海光CPU+Deepin 20.3，其他的发行版如Debian，CentOS，Ubuntu均可，安装过程中除了部分指令不同，其他的的大同小异。

IDE：JetBrains Rider 2021.2版本

安装步骤

Node.js及npm的安装