群晖NAS部署code-server进行Rust开发(浏览器中写RUST)

杨啸_新房客
789 阅读2分钟

这两天想用rust+wasm做一些测试，有时需要在iPad简单写写代码并调试。 原来玩过一段时间code-server，重新搞个环境，安装一套最新的，记录下过程。

预览效果

image.png

安装

群晖docker中注册表下载codercom/code-server，还有一个库linuxserver/code-server也行，这里主要使用codercom的库。

启动

image.jpeg

image.jpeg

我在路由做了端口映射，便于外网访问，路由6443-容器8080。

路由器中做了端口转发，6443,6444端口转发到群晖NAS的IP地址。

6443 - VS Code访问地址 6444 - 运行项目测试地址（web项目）

存储空间设置

如果不需要映射本地目录，可以跳过。

映射项目文件夹，用于VS Code访问编辑。

配置HTTPS

进入配置文件

cd /home/coder/.config/code-server/config.yaml

修改配置文件，设置证书为你的

bind-addr: 0.0.0.0:8080
auth: password
password: xxxxxxx
cert: '/ssl/xxx.xxxxx.com_bundle.crt'
cert-key: '/ssl/xxx.xxxxx.com.key'

配置图

image.png

配置WebServer运行目录

启动项目后，你发现访问的地址是：xxxx.com:{port}/proxy/{port… 如果项目里面的关系都是相对目录，没什么问题。往往项目会有一些意外情况，这时可手动设置预览地址。

首先配置项目下vite.config.ts的调试端口：

  server:{
    port:6444,
    host:'0.0.0.0'
  },

配置访问路径，有两种方式：

  1. 第一种设置容器环境变量VSCODE_PROXY_URI, 设置域名+6444。(详情)[Usage - code-server Docs (coder.com)]

image.png 2. 第二种方式需要配置vite.config.ts,设置代理用于适配code-server的proxy/port形式, 这种没成功。

安装NODEJS

这块安装，消耗了我半天。。。。尝试了nvm,apt-get等，最后还是使nodejs官方源进行安装。

设置源

cd ~
sudo curl -sL https://deb.nodesource.com/setup_18.x -o /tmp/nodesource_setup.sh

安装源

sudo bash /tmp/nodesource_setup.sh

安装NODEJS

sudo apt install nodejs

密码设置

/home/coder/.config/code-server/config.yaml

安装Rust

curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

sudo apt install build-essential

执行上面等脚本后，会提示设置环境变量：

source "$HOME/.cargo/env"

执行 cargo --version 测试下是否成功。

脚手架

 sudo apt install libudev-dev
 sudo apt install libssl-dev
 sudo apt install pkg-config

后续RUST脚手架等安装可参考文章：# ViteJS配合Rust快速搭建WebAssembly开发环境

基础环境配置完成，睡觉了，后续有时间在更新rust配置。

avatar
文章
阅读
粉丝