AWS Ubuntu安装可视化操作桌面和VS Code，Code Server

Bertha 。 2023-02-11 14:29 3阅读 0赞

### 文章目录 ###

*   *   *  安装桌面GUI
         *   *  需要
             *  安装过程
             *  远程连接服务器桌面
         *  安装vscode
         *  安装Code-server

### 安装桌面GUI ###

#### 需要 ####

Ubuntu，sudo权限

#### 安装过程 ####

# 首先连接到服务器，教程见 https://blog.csdn.net/Linrena/article/details/106171588
    # 登录到服务器后
    sudo su
    apt-get update
    apt-get upgrade -y
    # 安装的时候如果网速慢的话可能时间比较长 
    apt-get install gnome 
    apt-get install xfce4
    #然后安装xrdp组件和vnc服务器：
    apt-get install xrdp vnc4server
    # 安装好后自行新建配置文件，使得在远程登录时默认使用xfce作为界面登录，然后重启xrdp服务
    echo "xfce4-session" > ~/.xsession
    echo "xfce4-session" > ~/.xsessionsudo 
    service xrdp restart
    # 开启vncserver
    vncserver :1  # 会提示之后远程登录的密码，设置位数最多为8位

修改配置文件, 在xstartup文件末尾增加以后代码，同时注释 x-window-manager &

vi /root/.vnc/xstartup
    # 文件内容修改如下：
    
    
    #!/bin/sh
    # Uncomment the following two lines for normal desktop:
    # unset SESSION_MANAGER
    # exec /etc/X11/xinit/xinitrc
    
    [ -x /etc/vnc/xstartup ] && exec /etc/vnc/xstartup
    [ -r $HOME/.Xresources ] && xrdb $HOME/.Xresources
    xsetroot -solid grey
    vncconfig -iconic &
    x-terminal-emulator -geometry 80x24+10+10 -ls -title "$VNCDESKTOP Desktop" &
    # x-window-manager &
    gnome-session &
    sesion-manager & xfdesktop & xfce4-panel &
    xfce4-menu-plugin &
    xfsettingsd &
    xfconfd &
    xfwm4 &
    
    # 可参照下图

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70]  
重新打开vncserver: vncserver :1  
然后检查是否真正开启服务：netstat -tunlp  
端口5901有被程序Xvnc4监听，则为正常  
![在这里插入图片描述][20200524114930676.jpg]

#### 远程连接服务器桌面 ####

下载远程连接工具 [VNC Viewer][]  
打开VNC Viewer，填写服务器IP和端口号，端口号为1，点击连接  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 1]  
填写之前在xshell设置的登录密码，省略用户名  
成功连接：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 2]  
也可以直接利用电脑自带的RDP服务：  
搜索电脑的RDP功能然后打开，填写服务器IP，点击连接  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 3]  
如果提示无法验证远程计算机的身份，点击仍要连接即可  
之前vncserver设置了端口号1，其实对应真正的端口号为5901，这里要改为5901，然后点击OK  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 4]  
timeout原因：  
一般是服务器的安全组没有打开，到服务器控制台安全组设置添加规则：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 5]  
直接在xshell命令行增加实例的端口，本人尝试了很久没有成功

### 安装vscode ###

以下尝试最后vscode不能在远程桌面启动，于是最后又装了code-server用浏览器去访问code-server然后编辑服务器文件和进行程序调试。  
vncviewer连接成功后在远程桌面打开命令行，进行命令操作如下：

add-apt-repository ppa:ubuntu-desktop/ubuntu-make
    apt-get install ubuntu-make
    umake ide visual-studio-code
    # 然后自己选择安装路劲，接收协议
    code  # 启动vscode, 或者在Applications下的Developemts中打开vscode，尝试了很多次还是出现双击vscode没有反应的情况，也尝试了在官网下载安装的方法最后都没有成功，有成功的同志希望在评论区贡献一下流程

### 安装Code-server ###

如果服务器安装vscode失败的话，就安装codeserver吧  
本安装过程不能在root账号下执行：

# 切换到ubuntu
    su ubuntu
    # 切换到一个你喜欢的文件夹下下载安装包, 我以opt文件为下载文件夹
    cd /opt
    wget https://share-aws-nx.s3.cn-northwest-1.amazonaws.com.cn/tmp/code-server_3.3.1_amd64.deb
    # 将deb文件安装到系统
    sudo dpkg -i code-server_3.3.1_amd64.deb
    # 如果出现dpkg已经被lock，执行命令： sudo rm /var/lib/dpkg/lock-frontend
    # 设置为开机自启动
    systemctl --user enable --now code-server
    # 查看 code-server 监听端口
    sudo netstat -tunlp
    # 修改server参数，把随机密码改掉，端口号自己喜欢就行，然后地址要改成0.0.0.0让外网访问
    vi ~/.config/code-server/config.yaml
    
    bind-addr: 0.0.0.0:你喜欢的端口号
    auth: password
    password: 你自己的密码
    cert: false
    
    
    # 重新启动server, 停止server的话讲restart换成stop即可，还有一个start参数表示启动
    systemctl --user restart code-server
    
    # 浏览器访问server
    http://IP:PORT/

效果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 6]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200524113337516.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE=,size_16,color_FFFFFF,t_70
[20200524114930676.jpg]: https://img-blog.csdnimg.cn/20200524114930676.jpg
[VNC Viewer]: https://www.realvnc.com/en/connect/download/viewer/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200525154654918.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200524115126720.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200525155102647.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200525155319334.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200524115608167.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200525155836942.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbnJlbmE=,size_16,color_FFFFFF,t_70