服务器上搭建网页版vscode|一站式搭建附各种问题解决|nginx反向代理实现域名登陆|域名注册解析|搭配ipad使用_csdn建立vscode网页版

晚上考研的同学早早睡觉，不能开心的在桌前敲着代码，之前ipad上下载过很多编程软件都不尽如意，偶然听闻微软发布了vscode网页版，又继续了解有个code-server这个开源软件，这不正好有台闲置服务器还没派上用场吗。附图

和vscode一摸一样

准备工具

服务器一台(推荐不是国内的亚洲地区，国内域名需要备案)

Xshell

Chrome

Code-server配置安装

code-server下载地址：

https://github.com/coder/code-server/releases/tag/v4.2.0

linux下载code-server压缩包

wget https://github.com/coder/code-server/releases/download/v4.2.0/code-server-4.2.0-linux-amd64.tar.gz

#解压

tar -zxvf code-server-4.2.0-linux-amd64

#配置code-server

vim /root/.config/code-server/config.yaml

#添加配置如下,没有运行之前自己新建

重点：因为code-server是直接可以访问你的终端的，所以密码这方面需要自己上心

bind-addr: 0.0.0.0:8088
auth: password
password: 123456
cert: false

#启动

sh /export/test/code-server-4.2.0-linux-amd64/bin/code-server --bind-addr 0.0.0.0:8088

#后台启动，退出xhell用exit不要直接点关闭

nohup /export/test/code-server-4.2.0-linux-amd64/bin/code-server --bind-addr 0.0.0.0:9086 &

#SCREEN启动(相当于在终端里再开一个窗口)
yum install screen

screen --help 查看帮助命令少即用即学

#窗口启动

screen

#查看窗口

ps -ef|grep screen 

开启腾讯云防火墙端口

 

之后输入对应ip:端口就可以看到界面了

code-server C,python配置

我现在安装的插件

推荐从Extensions for Visual Studio family of products | Visual Studio Marketplace官方网站去找，不要在那上面自带的下载。

 

 跳转到github上找版本

如果由于某些不可抗因素，打不开github的话，往下看有

 

 这个选项，选Linux64就可，这些都是最新版，code-server版本过低不兼容的可能，所以推荐去github上自己找2021年上半年版本下载。

坑

1、配置python的时候选择python3环境

Crtl+Shift+P调出命令界面

选择解释器选择Python3的版本

这里小伙伴用的是Coderunner的话还要配置settings.json

因为Coderunner命令行是python我们给他加个3

 进入settings按一下tab默认配置就会出来了，之后改一下就可以”python“:"python3"

Nginx安装

Nginx是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。

如果闲麻烦可以直接腾讯云服务安装个宝塔，宝塔也有反向代理服务

nginx官网下载

nginx: downloadnginx: download

 我目前时间段的稳定版本

https://nginx.org/download/nginx-1.20.2.tar.gz

PCRE

查看有没有旧的pcre

rpm -qa|grep pcre

rpm -e 卸载软件名

在安装之前确保自己服务器上的各种依赖都有

yum -y install zlib zlib-devel

yum install -y openssl openssl-devel

pcre提供nginx重写功能

http://downloads.sourceforge.net/project/pcre/pcre/8.35/pcre-8.35.tar.gz

#下载文件

wget http://downloads.sourceforge.net/project/pcre/pcre/8.35/pcre-8.35.tar.gz

#解压文件

tar -zxvf pcre-8.35.tar.gz -C 选一个你要放文件的文件夹

#配置编译

cd pcre-8.35

./configure

make && make install

#检验

pcre --version

 Nginx

#解压

tar -zxvf nginx-1.20.2

#配置编译安装 一个个来

./configure --prefix=/usr/local/web/nginx --with-http_stub_status_module --with-http_ssl_module --with-pcre=/export/nginx/pcre-8.35

make

make install

#配置环境变量

vim ~/.bash_profile

#nginx
NGINX_HOME=/usr/local/web/nginx
export PATH=$NGINX_HOME/sbin:$PATH

Nginx常用命令

启动服务：nginx
退出服务：nginx -s quit
强制关闭服务：nginx -s stop
重载服务：nginx -s reload
验证配置文件：nginx -t
使用配置文件：nginx -c "配置文件路径"
使用帮助：nginx -help

成功静态界面

现在可以去注册域名解析域名

这里我用namesilo举例

输入你想要的域名

购买好后

https://www.namesilo.com/account_home.php

 

 把默认的配置全部删除，选择A创建两条，TTL填3600

两条分别有www和什么都不填。

 域名搞完后国内需要备案，如果是外面的机子，直接nginx配置一下就可以了

进入配置 vim /usr/local/web/nginx/conf/nginx.conf 添加如下内容，模板里改下就行

    server {
        listen       9088;
        server_name  www.demo.com demo.com;
        root   /home;
        index  index.html index.htm;
    }

 现在你就可以通过域名访问nginx，我们要搞一个反向代理通过域名访问code-server

在刚才server{}基础上添加location

    server {
        listen       9088;
        server_name  www.demo.com demo.com;
        location / {
          #配置code-server反代
          proxy_pass http://localhost:8088/;
          proxy_redirect http://https://;
          proxy_set_header Host $host:443/;  
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Accept-Encoding gzip;      
        }
    }

配置完毕