昨日当年

  • Ubuntu 22.04更新code-server

    直接从github下载最新的deb包，然后用dpkg -i命令安装就行了

    更新完打开，发现报错，WebSocket close with status code 1006

    这是nginx反向代理没配置好

        location / {
      proxy_pass http://localhost:8080/;
      proxy_set_header Host $host;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection upgrade;
      proxy_set_header Accept-Encoding gzip;
    }

  • Code Server 切换默认终端程序

    打开终端，点右边这个下拉图标，选择默认配置文件

    然后就可以选择默认终端

  • 运行code-server命令报错，node not found

    运行code-server命令报错，node not found

    /usr/lib/code-server/lib/vscode/bin/remote-cli/code-server: 12: /usr/lib/code-server/lib/vscode/node: not found

    即/usr/lib/code-server/lib/vscode目录下没有node这个程序，看了下在/usr/lib/code-server/lib 目录下有node，用ln做个链接就好了

    ln -s /usr/lib/code-server/lib/node /usr/lib/code-server/lib/vscode

  • Code Server 忘记密码

    cnpm i argon2-cli -g
echo -n "你的密码" | npx argon2-cli -e
$argon2i$v=19$m=4096,t=3,p=1$LD+/EJCIDteeKwvhQKWVfg$jAsjd3amlKZZLh8QytjtDS38vlObCUfwra19FAqSjwk

    把返回的值粘贴到 ~/.config/code-server/config.yaml 文件里

    auth: password
hashed-password: "$argon2i$v=19$m=4096,t=3,p=1$LD+/EJCIDteeKwvhQKWVfg$jAsjd3amlKZZLh8QytjtDS38vlObCUfwra19FAqSjwk"

  • Code server 配置 php

    安装两个插件,PHP IntelliSense 和 php cs fixer

    PHP IntelliSense 安装好后，找到coder server的插件目录，我的是 /var/lib/code-server ，进入 extensions/felixfbecker.php-intellisense-2.3.14 目录下，执行composer update，才算安装完成，直接使用会报错

    如果composer update时报错，则是有php拓展没有启用，我这里用国内镜像也会报错，不要用国内镜像即可

    然后到coder server里配置一下

    我的 setting.json 文件是这样的，配置一下php路径和php-cs-fixer路径就好了，php-cs-fixer可以在github 下载

    {
    "editor.fontSize": 20,
    "workbench.colorTheme": "Default Light+",
    "php.executablePath": "/usr/bin/php7.4",
    "php-cs-fixer.autoFixBySemicolon": true,
    "php-cs-fixer.executablePath": "/root/php-cs-fixer.phar",
    "php-cs-fixer.lastDownload": 1633922462143,
    "files.autoSave": "off",
    "php-cs-fixer.formatHtml": true
}

    然后在php文件里，右键就有格式化php代码的选项了

    , ,

  • Code Server 配置

    ubuntu默认源中的yarn版本太旧，使用会报错，所以要先安装新版本的 yarn ：

    apt remove cmdtest // 移除旧的 yarn
// 添加新的yarn
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
apt update
apt install yarn
yarn --version

    然后用yarn安装code server

    apt-get install -y \
  build-essential \
  pkg-config \
  python3
npm config set python python3
yarn global add code-server

    这样安装需要花费点时间，快点的方法是在Github下载编译好的压缩文件，解压就能使用

    安装或者完成后，配置一个systemd服务来运行code server

    创建 /lib/systemd/system/code-server.service 文件，添加如下内容

    [Unit]
Description=code-server
After=nginx.service
[Service]
Type=simple
Environment=PASSWORD=your_password
ExecStart=/usr/bin/code-server --bind-addr 127.0.0.1:8080 --user-data-dir /var/lib/code-server --auth password
Restart=always
[Install]
WantedBy=multi-user.target

    注意其中的 ExecStart=/usr/bin/code-server …，code-server执行文件的位置，如果是用yarn安装，则命令位置是 /usr/local/bin/code-server，可以使用 where code-server 命令来查看。

    » where code-server
/usr/local/bin/code-server

    创建好 –user-data-dir 目录

    mkdir /var/lib/code-server

    Environment=PASSWORD= 改成你要设置的密码

    然后配置Nginx反向代理到code server的端口 8080，同时配置好SSL证书

    server {
    listen 28080 ssl;
    server_name zuoridangnian.com;
     ssl_certificate /etc/letsencrypt/live/zuoridangnian.com/fullchain.pem;
     ssl_certificate_key /etc/letsencrypt/live/zuoridangnian.com/privkey.pem;
    location / {
      proxy_pass http://localhost:8080/;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection upgrade;
      proxy_set_header Accept-Encoding gzip;
    }
}

    我这里因为网站用的Apache，所以用Nginx配置的是28080端口，然后打开 https://zuoridangnian.com:28080（记得端口要放行，ufw allow 28080），输入密码就可以进入在线IDE了

    然后VS CODE怎么用，这个就怎么用就行了（VSCODE我没怎么用过，现在需要学习一下了），我之前都是本地编辑项目，然后用git同步到VPS，现在可以直接在网页上编辑，方便不少

    , ,

京ICP备20023754号