【工具-Visual Studio Code】

■ Windos11安装VSCode

VSCode官方文档

■ Ubuntu安装VSCode

张慕风-Linux学习笔记（三） – Visual Studio Code 的安装与卸载

1安装Ubuntu Make： sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make sudo apt-get update sudo apt-get install ubuntu-make2安装Vscode： umake ide visual-studio-code

3. 安装成功提示
   
4. 程序安装完成后，可以在所有程序列表中找到。
   
5. 右键Visual Studio 可以选择“Add to Favorites”命令，可以将程序快捷方式发送到Favorites工具栏。发送后的截图如下：
   
   4.程序卸载 卸载命令：

umake ide visual-studio-code--remove sudo apt-get remove ubuntu-make

■ Ubuntu安装VSCode-第二种方法

1. 下载VSCode包
   下载地址：https://code.visualstudio.com/Download

2. 解压vscode安装包
   sudo tar -zxvf code-stable-x64-1608137260.tar.gz

3. 将解压的文件夹移动到/usr/local/
   sudo mv VSCode-linux-x64 /usr/local/

4. 创建应用程序快捷方式
   复制一个VScode图标文件到/usr/share/icons/目录：
   sudo cp /usr/local/VSCode-linux-x64/resources/app/resources/linux/code.png /usr/share/icons/

5. 在/usr/share/applications/目录，创建启动器：
   sudo vim /usr/share/applications/VSCode.desktop
   输入以下内容并保存退出：

[Desktop Entry] Name=Visual Studio Code Comment=Multi-platform code editor for Linux Exec=/usr/local/VSCode-linux-x64/code Icon=/usr/share/icons/code.png Type=Application StartupNotify=true Categories=TextEditor;Development;Utility; MimeType=text/plain;

接下来你便能在Ubuntu的应用程序页面看到VSCode的图标，点击即可启动。

■VSCode C/C++

■ 1. vscode 安装扩展

1. Open VS Code.
2. Select the Extensions view icon on the Activity bar or use the keyboard shortcut (Ctrl+Shift+X).
3. Search for ‘C++’.
4. Select Install.

■ 2. C++编译器安装

■ 3. Win10下VScode+MSVC+CMake搭建C++开发环境

添加链接描述

■ 3.1. VScode安装必要的插件

C/C++、
C/C++ Extension Pack、
C++ Intellisense、
Chinese (Simplified) Language、
Pack for Visual Studio Code、
CMake、
CMake Tools

■ 3.2.

■ 3.3. 测试

■ 4 VScode配置 C/C++ 环境

主要是配置 launch.json,tasks.json 这两个文件位于.vscode文件夹下，.vscode用于存放 VS Code 相关的配置文件。

■ 4.1. c_cpp_properties.json 配置 （是用于设置编译的一些相关选项）**

1. 此文件采用半自动创建，按快捷键Ctrl + Shift + P调出命令面板，选择 “C/C++: Edit Configurations(UI)”：
   
   
2. 编译器路径改为 ：C:/mingw64/bin/g++.exe
3. IntelliSense模式改为 ： gcc-x64 (legacy)
   

■ 4.2. tasks.json （用于指定如何构建（编译）程序）**

1. 按快捷键Ctrl + Shift + P调出命令面板，输入 “task”，选择 “Tasks: Configure Default Build Task”：
   
   可以看到.vscode文件下产生了tasks.json这个文件。

2. 若要编译多个源代码文件，则在tasks.json文件中如下修改

把"${file}"改为"${workspaceFolder}\\*.c"，可以构建当前工作区中所有的 C 文件。 把"${file}"改为"${workspaceFolder}\\*.cpp"，可以构建当前工作区中所有的 C++文件。 修改编译输出的文件名： 把"${fileDirname}\\${fileBasenameNoExtension}.exe"改为"${workspaceFolder}\\myProgram.exe"，可以把编译输出的文件名命名为 “myProgram.exe”。 把"${fileDirname}\\${fileBasenameNoExtension}.exe"改为"${workspaceFolder}\\${workspaceRootFolderName}.exe"，可以把编译输出的文件名命名为工作区文件夹名字。

■ 4.3. launch.json （用于调试的配置文件，例如用什么语言、调试类型等）**

1. 若 VS Code 没有自动创建launch.json文件，则可以半自动创建：
   
2. 选择GDB 和 添加配置
   
   
   
3. 配置项目
   
   配置完成！
   PS：还可以采取最简单粗暴的方法配置 C/C++ 环境，即将旧项目下的整个.vscode文件直接复制到工作空间下。

■ 5. 测试

#include<iostream>usingnamespacestd;intmain(){cout<<"Hello World!"<<endl;return0;}

■ VSCode Python

Python环境搭建

■ VSCode 插件

■ 001. 基本插件

类别	插件名称	描述
编程语言支持	Python	官方 Python 扩展，提供智能感知、调试、测试、环境管理等功能。
C/C++	Microsoft 官方 C/C++ 扩展，支持 IntelliSense、调试、代码导航等。
前端开发	ESLint	集成 ESLint，实时检查JavaScript/TypeScript 代码规范。
ESLint	作用：JavaScript/TypeScript 代码质量检查，发现潜在错误。
主题与界面	One Dark Pro	高人气暗色主题，源自 Atom 编辑器，视觉舒适。
Material Icon Theme	为文件和文件夹提供美观的 Material Design 图标。
Bracket Pair Colorizer (或内置功能)	用颜色高亮匹配括号（VS Code 1.60+ 已内置类似功能）。
工具	GitLens	增强 Git 功能，可查看代码作者、提交历史、行级 blame 等。
Remote - SSH	允许在远程服务器、WSL 或 Docker 容器中开发，如同本地一样。
Bookmarks	在代码中标记书签，快速跳转，适合大型项目导航。
Code Runner	一键运行多种语言代码片段（支持 Python、JS、C++ 等）。
Color Highlight	代码高亮显示，有趣的是，颜色代码跟着变化，很直观
Chinese	中文支持
clangd	插件
vscode-icons	图标显示
vscode-pdf	PDF查看器
Hex Editor 插件	VSCode二进制文件查看器
AI 与智能辅助	GitHub Copilot	AI 编程助手，根据上下文自动补全代码（需订阅）。
Tabnine	另一款AI代码补全工具，支持多语言，有免费和付费版本。
安装 Codex 插件。

■ 002. JS

■ 003. H5

插件	描述	图片
Prettier - Code formatter	格式化代码
vscode-icons	编辑器、代码美化
Output Colorizer	输出美化

■ 004. C++

■ 005. H5

■ 快捷键

■ 1. 命令面板

■ 2. 基本编辑快捷键

■ 3. 移动光标:

■ 4. 缩进操作:

■ 5. 注释和取消注释:

■ 6. 查找和替换:

■ 7. 折叠和展开代码块

■ 8. 导航

■ 9. 代码编辑

■ 10. 调试快捷键

■ 11. 自动格式化代码

shitf+Alt+f

■ VScode设置

■ 1. 编码

第一步：（点击设置）

■ 2. 汉化

■ 3. vscode中设置放大缩小代码（亲测有效）

Editor：Font Ligatures

■ 4. VSCode中屏蔽文件files.exclude和屏蔽文件搜索search.exclude

■ 5. 跳转失效

■ 6. 关闭聊天功能

@id:chat.disableAIFeatures

勾选禁用

• 右键也不会出现添加将代码条件到到聊天中。
• vscode代码编辑过程 中出现星星图标 也好消失了。

■ 版本控制Git

■ 1. clone代码库

在vscode中输入快捷键“Ctrl + Shift + P”打开vscode的命令框，在框中输入“git clone”并回车，然后在文本框中输入git代码库的地址

■ 2. 查看更改的文件列表

点击git图标后，进入到git功能区，会显示改动文件的列表。

■ 3. 查看和比较修改和前一版本有什么不同

双击改动过的文件，然后会显示diff视图

■ 4. 添加文件到暂存区获取取消更改

在改动文件列表中，鼠标悬停在某个文件上，右边会出现“discard change”（撤销更改）和“Stage Change”（暂存更改）的图标，我们可以根据需要选择

■ 5. commit代码（只是提交到本地）

暂存更改后，点击提交图标（如下图所示），把改动的文件提交到本地代码库

■ 6. Push（提交到远程仓库）

commit代码之后，点击commit图标旁边的“…”图标，会弹出一个大的菜单，选择其中的“Push”（提交）把代码提交到远程代码库

■ 7. 创建branch （分枝）

点击左下角的分支图标，如下图所示，会弹出一个对话框输入要创建新的branch的名字

■ VSCode配置Git

■ VSCode配置文件添加git路径

然后关闭 VScode ，再次打开，过几秒钟后，点击左侧的第3个图标，也就是下图的第一个地方，发现第2和第3个地方变成了可点击状态，不是暗色的，表面git环境配置成功。

■ VSCode提交到远程仓库（Gitee）

Gitee 新建仓库就会有命令提示。

■ VSCode操作 添加到暂存区、提交到本地、推送到远程

点击 +

点击勾提交到本地仓库

推送带远程仓库

■ VSCode使用命令Git

■ VSCode SSH 登录远程主机

■ VSCode

安装Remote SSH。 设置vscode 的.ssh/config ssh tuya@192.168.80.139ssh-p22tuya@192.168.80.139//目标192.168.80.139ssh-p22liuwf@202.116.7.104//其中-p 2230表示指定端口号2230 //回车后会弹出选择更新配置文件，点击第一个路径，会自动生成一个config文件，以后有记录

已经连接了

■ 目标主机要打开ssh 服务

// 先卸载sudo apt-get remove openssh-server// 安装sudo apt-get install openssh-server// 重启ssh 服务sudo service ssh--full-restart// 自动启动sudo systemctl enable ssh