工具-Visual Studio Code使用■ Windos11安装VSCode■ Ubuntu安装VSCode■ Ubuntu安装VSCode-第二种方法■VSCode C/C■ 1. vscode 安装扩展■ 2. C编译器安装■ 3. Win10下VScodeMSVCCMake搭建C开发环境■ 3.1. VScode安装必要的插件■ 3.2.■ 3.3. 测试■ 4 VScode配置 C/C 环境■ 4.1. c_cpp_properties.json 配置 是用于设置编译的一些相关选项**■ 4.2. tasks.json 用于指定如何构建编译程序**■ 4.3. launch.json 用于调试的配置文件例如用什么语言、调试类型等**■ 5. 测试■ VSCode Python■ VSCode 插件■ 001. 基本插件■ 002. JS■ 003. H5■ 004. C■ 005. H5■ 快捷键■ 1. 命令面板■ 2. 基本编辑快捷键■ 3. 移动光标:■ 4. 缩进操作:■ 5. 注释和取消注释:■ 6. 查找和替换:■ 7. 折叠和展开代码块■ 8. 导航■ 9. 代码编辑■ 10. 调试快捷键■ 11. 自动格式化代码■ VScode设置■ 1. 编码■ 2. 汉化■ 3. vscode中设置放大缩小代码亲测有效■ 4. VSCode中屏蔽文件files.exclude和屏蔽文件搜索search.exclude■ 5. 跳转失效■ 6. 关闭聊天功能■ 版本控制Git■ 1. clone代码库■ 2. 查看更改的文件列表■ 3. 查看和比较修改和前一版本有什么不同■ 4. 添加文件到暂存区获取取消更改■ 5. commit代码只是提交到本地■ 6. Push提交到远程仓库■ 7. 创建branch 分枝■ VSCode配置Git■ VSCode配置文件添加git路径■ VSCode提交到远程仓库Gitee■ VSCode操作 添加到暂存区、提交到本地、推送到远程■ VSCode使用命令Git■ VSCode SSH 登录远程主机■ VSCode■ 目标主机要打开ssh 服务■ Windos11安装VSCodeVSCode官方文档■ 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安装成功提示程序安装完成后可以在所有程序列表中找到。右键Visual Studio 可以选择“Add to Favorites”命令可以将程序快捷方式发送到Favorites工具栏。发送后的截图如下4.程序卸载 卸载命令umake ide visual-studio-code--remove sudo apt-get remove ubuntu-make■ Ubuntu安装VSCode-第二种方法下载VSCode包下载地址https://code.visualstudio.com/Download解压vscode安装包sudo tar -zxvf code-stable-x64-1608137260.tar.gz将解压的文件夹移动到/usr/local/sudo mv VSCode-linux-x64 /usr/local/创建应用程序快捷方式复制一个VScode图标文件到/usr/share/icons/目录sudo cp /usr/local/VSCode-linux-x64/resources/app/resources/linux/code.png /usr/share/icons/在/usr/share/applications/目录创建启动器sudo vim /usr/share/applications/VSCode.desktop输入以下内容并保存退出[Desktop Entry] NameVisual Studio Code CommentMulti-platform code editor for Linux Exec/usr/local/VSCode-linux-x64/code Icon/usr/share/icons/code.png TypeApplication StartupNotifytrue CategoriesTextEditor;Development;Utility; MimeTypetext/plain;接下来你便能在Ubuntu的应用程序页面看到VSCode的图标点击即可启动。■VSCode C/C■ 1. vscode 安装扩展Open VS Code.Select the Extensions view icon on the Activity bar or use the keyboard shortcut (CtrlShiftX).Search for ‘C’.Select Install.■ 2. C编译器安装■ 3. Win10下VScodeMSVCCMake搭建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 配置 是用于设置编译的一些相关选项**此文件采用半自动创建按快捷键Ctrl Shift P调出命令面板选择 “C/C: Edit Configurations(UI)”编译器路径改为 C:/mingw64/bin/g.exeIntelliSense模式改为 gcc-x64 (legacy)■ 4.2. tasks.json 用于指定如何构建编译程序**按快捷键Ctrl Shift P调出命令面板输入 “task”选择 “Tasks: Configure Default Build Task”可以看到.vscode文件下产生了tasks.json这个文件。若要编译多个源代码文件则在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 用于调试的配置文件例如用什么语言、调试类型等**若 VS Code 没有自动创建launch.json文件则可以半自动创建选择GDB 和 添加配置配置项目配置完成PS还可以采取最简单粗暴的方法配置 C/C 环境即将旧项目下的整个.vscode文件直接复制到工作空间下。■ 5. 测试#includeiostreamusingnamespacestd;intmain(){coutHello World!endl;return0;}■ VSCode PythonPython环境搭建■ VSCode 插件■ 001. 基本插件类别插件名称描述编程语言支持Python官方 Python 扩展提供智能感知、调试、测试、环境管理等功能。C/CMicrosoft 官方 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-pdfPDF查看器Hex Editor 插件VSCode二进制文件查看器AI 与智能辅助GitHub CopilotAI 编程助手根据上下文自动补全代码需订阅。Tabnine另一款AI代码补全工具支持多语言有免费和付费版本。安装 Codex 插件。■ 002. JS插件描述图片■ 003. H5插件描述图片Prettier - Code formatter格式化代码vscode-icons编辑器、代码美化Output Colorizer输出美化■ 004. C插件描述图片■ 005. H5插件描述图片■ 快捷键■ 1. 命令面板快捷键描述使用 F1 或者 CtrlShiftP打开。■ 2. 基本编辑快捷键快捷键描述新建文件Ctrl N打开文件Ctrl O保存文件Ctrl S撤销Ctrl Z重做Ctrl Y查找Ctrl F替换Ctrl H全选Ctrl A撤销选中Ctrl U■ 3. 移动光标:快捷键描述移动到行首Home移动到行尾End移动到上一行Ctrl 向上箭头移动到下一行Ctrl 向下箭头移动到词首Ctrl 左箭头移动到词尾Ctrl 右箭头■ 4. 缩进操作:快捷键描述增加缩进Tab减少缩进Shift Tab在多行选择中增加缩进Ctrl ]在多行选择中减少缩进Ctrl [■ 5. 注释和取消注释:快捷键描述注释一行或多行:Ctrl /取消注释一行或多行:Ctrl /■ 6. 查找和替换:快捷键描述查找Ctrl F替换Ctrl H查找下一个F3查找上一个Shift F3■ 7. 折叠和展开代码块快捷键描述折叠代码块:Ctrl 工具栏的 “-” 或 Ctrl 左方括号展开代码块:Ctrl 工具栏的 “” 或 Ctrl 右方括号■ 8. 导航快捷键描述转到文件Ctrl P转到定义F12转到声明Ctrl F12转到实现Ctrl F12转到上一个光标位置Alt 左箭头转到下一个光标位置Alt 右箭头切换侧边栏可见性Ctrl B切换终端Ctrl 在文件之间切换Ctrl Tab■ 9. 代码编辑快捷键描述代码格式化:Shift Alt F注释/取消注释一行:Ctrl /注释/取消注释所选代码块:Shift Alt A复制一行或多行:Shift Alt 向下箭头/向上箭头剪切一行或多行:Ctrl X向上/向下移动一行代码:Alt 向上箭头/向下箭头代码格式化选中代码后 Ctrlk和Ctrlf代码格式化选中代码后 组合键 shift alt f缩进的代码块Ctrl [ 和 Ctrl ]移动到文档的开头和末尾CtrlHome/End代码移动Alt上下代码复制Alt Shift上下单行注释Ctrl /块注释Alt ShiftA整个文档进行格式化AltShiftF选中代码进行格式化CtrlK CtrlF多光标Alt 然后用鼠标点撤销多光标Esc快速打开文件Ctrl p快速打开文件Ctrl p行跳转Ctrlg 输入行号跳转到某个文件的某一行只需要先按下 “Ctrl P”输入文件名然后在这之后加上 “:”和指定行号即可。代码重构光标放到函数或者变量名上然后按下 F2这样这个函数或者变量出现的地方就都会被修改。■ 10. 调试快捷键快捷键描述启动调试:F5停止调试:Shift F5设置断点:F9单步进入:F11单步过:F10继续执行:F5停止调试会话:Shift F5查看变量:Ctrl Shift D查看调用堆栈:Ctrl Shift Y■ 11. 自动格式化代码shitfAltf■ VScode设置■ 1. 编码第一步点击设置■ 2. 汉化■ 3. vscode中设置放大缩小代码亲测有效EditorFont 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提交到远程仓库GiteeGitee 新建仓库就会有命令提示。■ VSCode操作 添加到暂存区、提交到本地、推送到远程点击 点击勾提交到本地仓库推送带远程仓库■ VSCode使用命令Git■ VSCode SSH 登录远程主机■ VSCode安装Remote SSH。 设置vscode 的.ssh/config ssh tuya192.168.80.139ssh-p22tuya192.168.80.139//目标192.168.80.139ssh-p22liuwf202.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
