# 第一个应用

本节将介绍如何使用 Visual Studio Code 创建简单的 Hello EdgerOS 应用。

# 环境准备

设备列表

软件列表

示例工程列表

下载列表

• Visual Studio Code 工具下载open in new window

• EdgerOS 扩展插件下载

• EdgerOS 安全证书下载open in new window

• nvm 工具下载open in new window

# 前提条件

1. 下载并安装 Visual Studio Codeopen in new window 工具。

   

2. 在 VSCode 中下载 EdgerOS 扩展插件 并安装。此插件为开发者提供了丰富的爱智应用开发模板，以及在爱智设备上打包、上传、安装或更新爱智应用的能力。

   

3. 依照步骤，完成 EdgerOS 安全证书open in new window 在开发环境中的安装。

# 操作步骤

# 步骤 1：连接硬件设备

1. 如下图所示，连接工业边缘计算机与个人 PC 电脑，并上电启动设备。

   

2. 配置本机 IP 地址，打开本机使用网络属性界面，在属性界面双击 TCP/IPv4，在弹出界面中勾选自动获取 IP 地址和自动获得 DNS 服务器地址。

   

3. 启动边缘计算机后，进入 PC 端边缘计算机系统界面，需检查路由器下的宽带连接静态 IP 配置。确保与边缘计算机 WAN 口所连外网环境处于同一网段，即可进入爱智世界获取各种应用。

# 步骤 2：创建工程

1. 打开 Visual Studio Code 软件，参考“EdgerOS 官网 > 应用开发 > 快速入门”中 创建应用open in new window 的步骤完成如下图信息所示的 Hello EdgerOS 工程创建。

   

2. Hello EdgerOS 工程最终效果如下图所示。

   

# 步骤 3：开启开发模式

1. 启动工业边缘计算机后，打开电脑浏览器输入 https://192.168.128.1 访问工业边缘计算机系统界面。依次单击设置 > 开发模式。

   

2. 设置开发模式为开启状态，复制开发密码，以备后续使用。

   

# 步骤 4：添加设备

单击 EDGEROS > 设备管理 > 添加设备按钮，填写设备 IP、设备名称和开发密码，单击添加设备完成工业边缘计算机的添加操作。工业边缘计算机的默认局域网 IP：192.168.128.1，开发密码为上一步骤所复制的开发密码。

# 步骤 5：安装依赖环境

1. 在个人 PC 中安装 Node.js 环境，首先安装 nvm 工具open in new window，点击上述链接下载 nvm 安装文件。

   说明：

   nvm 工具是 node.js 版本管理工具

2. 运行上一步骤中下载完成的 nvm 安装文件，在弹出的界面选择 I accept the agreement，单击 Next。

   

3. 选择安装路径，单击 Next。

   

4. 单击 Install，等待安装完成。

   

5. 以管理员身份运行 PowerShell 工具，在终端中输入 nvm -v 命令，验证 nvm 工具是否安装成功。安装成功会显示 nvm 工具的版本号。

   PS C:\Windows\system32> nvm -v
   1.1.10
   PS C:\Windows\system32>
   

6. 输入 nvm install 18.15.0，安装 Node.js 18.15.0 环境。

   PS C:\Windows\system32> nvm install 18.15.0
   Downloading node.js version 18.15.0 (64-bit)...
   Extracting node and npm...
   Complete
   npm v9.5.0 installed successfully.
   Installation complete. If you want to use this version, type
   
   ...
   
   nvm use 18.15.0
   PS C:\Windows\system32>
   

7. 输入 nvm use 18，使用 Node.js 18.15.0 环境。

   PS C:\Windows\system32> nvm use 18
   Now using node v18.15.0 (64-bit)
   PS C:\Windows\system32>
   

8. 通过 PowerShell 工具终端进入上一步骤创建的 Hello EdgerOS 工程目录。

   PS C:\Windows\system32> cd xxx\Hello EdgerOS
   PS C:\Windows\system32>
   

9. 在 Hello EdgerOS 工程目录下输入 npm install 命令，使用 node.js 包管理工具 npm 安装项目依赖环境。

   PS C:\Users\LEE\Desktop\test\Hello EdgerOS> npm install
   
   up to date, audited 195 packages in 3s
   
   22 packages are looking for funding
      run `npm fund` for details
   
   2 vulnerabilities (1 moderate, 1 high)
   
   To address all issues, run:
      npm audit fix
   
   Run `npm audit` for details.
   PS C:\Users\LEE\Desktop\test\server>
   

# 步骤 6：部署应用

在 VSCode 的 EDGEROS 插件栏中，单击工业边缘计算机右侧的安装 EdgerOS App 按钮，应用将自动打包并部署至设备。

# 步骤 7：查看运行效果

进入工业边缘计算机桌面，可以看到 Hello EdgerOS 应用的桌面图标。单击 Hello EdgerOS 应用，App 将显示 Hello EdgerOS 的打印字样。运行效果如下：