Window和Ubuntu下——VScode安装

偏执的太偏执、 2022-09-02 08:08 221阅读 0赞

### Windows 与 ubuntu linux 下 Vscode安装教程 ###

*  Vscode官方网站：\[Vscode官网\](https://code.visualstudio.com/)
 *  一、Windows系统安装VsCode
 *   *  （1）下载安装包
     *  （2）点击安装，一直next即可
     *  （3）需要安装对应的插件，方便使用
 *  二、ubuntu Linux环境下安装
 *   *  （1）下载安装包
     *  （2）移动到ubuntu下
     *  （3）打开FileZilla
     *  （4）安装Vscode
     *  （5）设置快捷方式
 *  三、插件和解决问题

# Vscode官方网站：[Vscode官网][Vscode] #

# 一、Windows系统安装VsCode #

**这里以C/C++编程环境为例子**

## （1）下载安装包 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70]  
**找到对应的系统版本，还有自己电脑对应多少位（`现在一般都是64位`），下载到设置的目录中（`这里建议目录文件夹最好设置成 全英文不带中文——防止奇奇怪怪的问题产生`）**

## （2）点击安装，一直next即可 ##

## （3）需要安装对应的插件，方便使用 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 1]

# 二、ubuntu Linux环境下安装 #

## （1）下载安装包 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 2]  
**这里需要下载Linux 版本的**

## （2）移动到ubuntu下 ##

**这里采用软件：**![在这里插入图片描述][5b6ebb3e2ed34a81bb24031fa7928a1f.png]  
**下载地址为：[下载客户端版本！！切记][Link 1]**

**需要在ubuntu下打开ftp服务指令：**

1.  sudo apt-get install vsftpd
2.  sudo vi /etc/vsftpd.conf

**在conf文件中找到并去掉注释：**  
![在这里插入图片描述][083094d945f049b9b798bc2e3e140998.png]  
**退出保存后：**

> sudo /etc/init.d/vsftpd restart

## （3）打开FileZilla ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 3]  
**设置好连接上后，找到之前下载的Vscode Linux版本的安装包，拖拽到ubuntu 你设置好存放的目录下，这样一样（建议全英文路径）**

## （4）安装Vscode ##

sudo dpkg -i 安装包版本号

![在这里插入图片描述][1dc82053665b49b9bab9199a6a954238.png]  
**版本号为 输入code Tab补全即可**

## （5）设置快捷方式 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 4]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 5]

# 三、插件和解决问题 #

**这里我主要使用C/C++编程环境为例：**

1.  C/C++——这个肯定是必须的。
2.  C/C++ Snippets——即 C/C++重用代码块。
3.  C/C++ Advanced Lint ——即 C/C++静态检测 。 4)、Code Runner，即代码运行。
4.  Include AutoComplete——即自动头文件包含。
5.  Rainbow Brackets——彩虹花括号，有助于阅读代码。
6.  One Dark Pro——VSCode 的主题。
7.  GBKtoUTF8 —— 将 GBK 转换为 UTF8。 9)、ARM，即支持 ARM 汇编语法高亮显示。
8.  Chinese(Simplified)——即中文环境。
9.  vscode-icons ——VSCode 图标插件，主要是资源管理器下各个文件夹的图标。
10. compareit——比较插件，可以用于比较两个文件的差异。
11. DeviceTree——设备树语法插件
12. TabNine—— 一 款 AI 自动补全插件，强烈推荐

**解决点击文件覆盖之前文件的问题：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 6]

[Vscode]: https://code.visualstudio.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70]: /images/20220829/1ffb27adfb3641dda94c823a9dd3c46b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 1]: /images/20220829/19b1ae73706e4d95b7bc8d179861a257.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 2]: /images/20220829/31070317fac746c6ad81ca3479629f1b.png
[5b6ebb3e2ed34a81bb24031fa7928a1f.png]: /images/20220829/f36fa22ea27049c9a4e827c71a06f0cc.png
[Link 1]: https://filezilla-project.org/
[083094d945f049b9b798bc2e3e140998.png]: /images/20220829/4789973b20be4d948df0336ef4ac679e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 3]: /images/20220829/94b570b7bc5340b7a5211522bbf4dffe.png
[1dc82053665b49b9bab9199a6a954238.png]: /images/20220829/3cbb4ef8d9f44a48bd3523ade653065d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 4]: /images/20220829/4e30de1a8f1c417695d8d5fb54c42aee.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 5]: /images/20220829/cadd3fb6769b4ae1bd1456dabde5d798.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoaW5lc2Vrb2Jl_size_16_color_FFFFFF_t_70 6]: /images/20220829/52add4cfa07847518de17e7c386e4e72.png