231 lines
7.3 KiB
HTML
231 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Recommended IDE Setup</title>
|
||
<style>
|
||
/* From extension vscode.github */
|
||
/*---------------------------------------------------------------------------------------------
|
||
* Copyright (c) Microsoft Corporation. All rights reserved.
|
||
* Licensed under the MIT License. See License.txt in the project root for license information.
|
||
*--------------------------------------------------------------------------------------------*/
|
||
|
||
.vscode-dark img[src$=\#gh-light-mode-only],
|
||
.vscode-light img[src$=\#gh-dark-mode-only],
|
||
.vscode-high-contrast:not(.vscode-high-contrast-light) img[src$=\#gh-light-mode-only],
|
||
.vscode-high-contrast-light img[src$=\#gh-dark-mode-only] {
|
||
display: none;
|
||
}
|
||
|
||
</style>
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/markdown.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/highlight.css">
|
||
<style>
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
}
|
||
</style>
|
||
<style>
|
||
.task-list-item {
|
||
list-style-type: none;
|
||
}
|
||
|
||
.task-list-item-checkbox {
|
||
margin-left: -20px;
|
||
vertical-align: middle;
|
||
pointer-events: none;
|
||
}
|
||
</style>
|
||
<style>
|
||
:root {
|
||
--color-note: #0969da;
|
||
--color-tip: #1a7f37;
|
||
--color-warning: #9a6700;
|
||
--color-severe: #bc4c00;
|
||
--color-caution: #d1242f;
|
||
--color-important: #8250df;
|
||
}
|
||
|
||
</style>
|
||
<style>
|
||
@media (prefers-color-scheme: dark) {
|
||
:root {
|
||
--color-note: #2f81f7;
|
||
--color-tip: #3fb950;
|
||
--color-warning: #d29922;
|
||
--color-severe: #db6d28;
|
||
--color-caution: #f85149;
|
||
--color-important: #a371f7;
|
||
}
|
||
}
|
||
|
||
</style>
|
||
<style>
|
||
.markdown-alert {
|
||
padding: 0.5rem 1rem;
|
||
margin-bottom: 16px;
|
||
color: inherit;
|
||
border-left: .25em solid #888;
|
||
}
|
||
|
||
.markdown-alert>:first-child {
|
||
margin-top: 0
|
||
}
|
||
|
||
.markdown-alert>:last-child {
|
||
margin-bottom: 0
|
||
}
|
||
|
||
.markdown-alert .markdown-alert-title {
|
||
display: flex;
|
||
font-weight: 500;
|
||
align-items: center;
|
||
line-height: 1
|
||
}
|
||
|
||
.markdown-alert .markdown-alert-title .octicon {
|
||
margin-right: 0.5rem;
|
||
display: inline-block;
|
||
overflow: visible !important;
|
||
vertical-align: text-bottom;
|
||
fill: currentColor;
|
||
}
|
||
|
||
.markdown-alert.markdown-alert-note {
|
||
border-left-color: var(--color-note);
|
||
}
|
||
|
||
.markdown-alert.markdown-alert-note .markdown-alert-title {
|
||
color: var(--color-note);
|
||
}
|
||
|
||
.markdown-alert.markdown-alert-important {
|
||
border-left-color: var(--color-important);
|
||
}
|
||
|
||
.markdown-alert.markdown-alert-important .markdown-alert-title {
|
||
color: var(--color-important);
|
||
}
|
||
|
||
.markdown-alert.markdown-alert-warning {
|
||
border-left-color: var(--color-warning);
|
||
}
|
||
|
||
.markdown-alert.markdown-alert-warning .markdown-alert-title {
|
||
color: var(--color-warning);
|
||
}
|
||
|
||
.markdown-alert.markdown-alert-tip {
|
||
border-left-color: var(--color-tip);
|
||
}
|
||
|
||
.markdown-alert.markdown-alert-tip .markdown-alert-title {
|
||
color: var(--color-tip);
|
||
}
|
||
|
||
.markdown-alert.markdown-alert-caution {
|
||
border-left-color: var(--color-caution);
|
||
}
|
||
|
||
.markdown-alert.markdown-alert-caution .markdown-alert-title {
|
||
color: var(--color-caution);
|
||
}
|
||
|
||
</style>
|
||
|
||
</head>
|
||
<body class="vscode-body vscode-light">
|
||
<!-- # NewUI2
|
||
|
||
This template should help get you started developing with Vue 3 in Vite.
|
||
|
||
## Recommended IDE Setup
|
||
|
||
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
||
|
||
## Customize configuration
|
||
|
||
# 开发环境搭建步骤
|
||
|
||
## 1.安装node.js
|
||
去官网下载
|
||
## 2.安装软件包
|
||
|
||
```sh
|
||
npm install
|
||
```
|
||
|
||
### 3.测试效果-运行开发环境
|
||
|
||
```sh
|
||
npm run dev
|
||
```
|
||
### 3.测试效果-构建web和update
|
||
运行
|
||
```sh
|
||
npm run build
|
||
```
|
||
需要看到如下构建完成提示
|
||
```sh
|
||
✨ [vite-plugin-compression]:algorithm=gzip - compressed file successfully:
|
||
dist/D:/Code/Web/HMI_WEB/html/hu_HU.json.gz 63.96kb / gzip: 15.49kb
|
||
dist/D:/Code/Web/HMI_WEB/html/cs_CZ.json.gz 56.50kb / gzip: 14.88kb
|
||
dist/D:/Code/Web/HMI_WEB/html/en_US.json.gz 51.64kb / gzip: 13.71kb
|
||
``` -->
|
||
<h1 id="本地升级步骤">本地升级步骤</h1>
|
||
<p>适用于SD卡内无文件的情况</p>
|
||
<h2 id="1升级条件">1.升级条件</h2>
|
||
<ul>
|
||
<li>升级软件 <strong>local-192.168.1.2.html</strong>，命名格式为local-xxx.xxx.xxx.xxx.html</li>
|
||
<li>升级软件 <strong>all.1.2.6.tar</strong> 命名格式为all.x.x.x.tar</li>
|
||
<li>个人电脑 需要有网口，安装<strong>edge浏览器</strong> 我目前使用版本 135.0.3179.85 (正式版本) (64 位)</li>
|
||
<li>焊机 插有<strong>SD卡</strong>且SD卡正常，SMARC网口正常</li>
|
||
</ul>
|
||
<h2 id="2升级步骤">2.升级步骤</h2>
|
||
<h3 id="a设置焊机网络">a.设置焊机网络</h3>
|
||
<p><strong>若焊机处于工装模式则，连接网线即可，无需进行焊机上选项设置</strong></p>
|
||
<ul>
|
||
<li>
|
||
<p>焊机检查：菜单->网络->网页服务 选项是否存在，若不存在则是权限不够，需提升权限</p>
|
||
</li>
|
||
<li>
|
||
<p>焊机操作：打开开关 菜单->网络->网页服务->有线网页服务</p>
|
||
</li>
|
||
<li>
|
||
<p>焊机操作：调节选项 菜单->网络->网页服务->有线网页配置->IP获取方式，设置为静态</p>
|
||
</li>
|
||
<li>
|
||
<p>焊机操作：调节选项 菜单->网络->网页服务->有线网页配置->本地IP，设置为IP为 升级软件 "local-xxx.xxx.xxx.xxx.html"上的IP，例如<strong>local-192.168.1.2.html</strong> 就设置为 <strong>192.168.1.2</strong></p>
|
||
</li>
|
||
<li>
|
||
<p>焊机操作：打开开关 菜单->网络->网页服务->有线网页配置->网页升级开关</p>
|
||
</li>
|
||
<li>
|
||
<p>焊机操作：将SMARC网口与个人电脑的网口连接</p>
|
||
</li>
|
||
<li>
|
||
<p>电脑操作：将个人电脑的IP配置为静态，IP需要与升级文件的前三位一致，最后一位不一致，例如<strong>local-192.168.1.2.html</strong> 就设置为 <strong>192.168.1.3</strong>，网关设置为255.255.255.0，</p>
|
||
</li>
|
||
</ul>
|
||
<h3 id="b开始升级">b.开始升级</h3>
|
||
<ul>
|
||
<li>电脑操作：使用edge浏览器打开文件 <strong>local-192.168.1.2.html</strong>，打开后可以看到升级页面</li>
|
||
<li>网页检查：<strong>检查升级页面中SN码这项是否为焊机SN码</strong>，SN码有值且能对上则代表已于焊机连接，可以升级，无SN码未连接，需要检查网络配置。</li>
|
||
<li>网页操作：根据提示点击选项选择升级文件<strong>all.1.2.6.tar</strong>，若文件正确则网页会提示"加载文件成功"</li>
|
||
<li>网页操作：点击升级进行网页升级，等等进度条跑完，会提示升级成功</li>
|
||
</ul>
|
||
<h3 id="c升级多个机器">c.升级多个机器</h3>
|
||
<p>若升级完一个机器后，想再次升级第二个机器，执行以下步骤</p>
|
||
<ul>
|
||
<li>网页操作：无需刷新页面，无需重新选择文件，若把掉升级完的机器的网线，SN码会消失</li>
|
||
<li>焊机操作：将SMARC网口与个人电脑的网口重新连接</li>
|
||
<li>网页操作：待SN码正确显示后，点击升级</li>
|
||
</ul>
|
||
|
||
|
||
|
||
</body>
|
||
</html> |