当前位置：首页 > article >正文

TrueNas Webui页面自定义

article 2025/1/20 23:34:47

1.准备工作

项目地址：https://github.com/truenas/webui
注意：在这里插入图片描述
第三条，需要我们远程连接truenas，本地无法运行
在truenas上下载node、yarn
在 TrueNAS 上安装 Yarn 和指定版本的 Node.js，可以按照以下步骤进行：

更新系统：
打开终端，并运行以下命令以更新软件包：
```
sudo pkg update
sudo pkg upgrade
```
安装 Node Version Manager (nvm)：
使用 nvm 可以方便地安装和管理不同版本的 Node.js。
```
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
```
加载 nvm：
安装完成后，加载 nvm：
```
source ~/.nvm/nvm.sh
```
安装指定版本的 Node.js：
使用 nvm 安装你需要的 Node.js 版本，例如 16：
```
nvm install 16
```
使用指定版本的 Node.js：
设置默认使用的 Node.js 版本：
```
nvm use 16
```
验证 Node.js 和 npm 安装：
检查安装的 Node.js 和 npm 版本：
```
node -v
npm -v
```
安装 Yarn：
使用 npm 来安装 Yarn：
```
npm install -g yarn
```
验证 Yarn 安装：
检查 Yarn 是否安装成功：
```
yarn -v
```

通过这些步骤，你可以在 TrueNAS 上安装 Yarn 和指定版本的 Node.js。确保在每次打开新终端时加载 nvm，可以在 ~/.bashrc 或 ~/.zshrc 中添加 source ~/.nvm/nvm.sh。
node版本最好是20.11.1
在vscode里连接远程ssh
在这里插入图片描述
再把拉取的truenas的项目代码通过xftp7传输到远程，这样vscode里可以直接打开传输过去的项目，然后再按照readme文档里运行的命令运行项目即可自行更改。
注意：拉取的webui代码需要跟部署的truenas版本一致，不然代码运行不起来。