VS Code操作(win)

最新推荐文章于 2022-11-17 12:42:10 发布
最新推荐文章于 2022-11-17 12:42:10 发布
阅读量281 收藏 1
点赞数
分类专栏： 工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tqy903/article/details/112760866
版权

VS Code操作 win


VS Code 的全称是 Visual Studio Code，是用 JavaScript 语言编写的一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑器。它在性能、语言支持、开源社区方面，都做得很不错。

一、VS Code下载

  1. 打开扩展商店（Ctrl+shift+X）
  2. 在输入框搜索：Chinese (Simplified) Language
  3. 安装完毕后重启
    汉化插件

二、 VS Code快捷键

1.工作区

快捷键作用备注
Ctrl + Shift + P，F1显示命令面板
Ctrl + B显示/隐藏侧边栏
ctrl + \创建多个编辑器抄代码利器
Ctrl + 1、2聚焦到第 1、第 2 个编辑器
ctrl + +/-将工作区放大/缩小（包括代码字体、左侧导航栏）在投影仪场景经常用到
Ctrl + J显示/隐藏控制台
Ctrl + Shift + N重新开一个软件的窗口常用
Ctrl + Shift + W关闭软件的当前窗口
Ctrl + N新建文件
Ctrl + W关闭当前文件

2.跳转操作

快捷键作用备注
Ctrl + Pageup / Pagedown在已经打开的多个文件之间进行切换常用
Ctrl + Tab在已经打开的多个文件之间进行跳转
Ctrl + shift + O在当前文件的各种方法之间进行跳转
Ctrl + G跳转到指定行
Ctrl+Shift+\跳转到匹配的括号

3.移动光标

快捷键作用备注
方向键在单个字符之间移动光标
Ctrl + 左右方向键在单词之间移动光标常用
Fn + 左右方向键在整行之间移动光标常用
Fn + ← /→（或 Win + ← / →）将光标定位到当前行的最左/右侧常用
Ctrl + Home将光标定位到文章的第一行
Ctrl + End将光标定位到文章的最后一行

4.多光标编辑

快捷键作用备注
Ctrl + Alt + 上下键在连续的多列上，同时出现光标很重要
Alt + 鼠标点击任意位置在任意位置，同时出现光标很重要
Alt + Shift + 鼠标拖动在选中区域的每一行末尾，出现光标很重要
Ctrl + Shift + L在选中文本的所有相同内容处，出现光标很重要
Ctrl + D选中某个文本后，可将全文中相同的词逐一加入很重要
Alt + Shift + I选中一堆文本后，可在每一行的末尾都创建一个光标很重要

5.编辑操作

快捷键作用备注
Ctrl + Enter在当前行的下方新增一行，然后跳至该行可快速向下插入一行
Ctrl+Shift+Enter在当前行的上方新增一行，然后跳至该行可快速向上插入一行
Alt + ↑ / ↓将代码向上/下移动常用
Alt + Shift + ↑ / ↓将代码向上/下复制写重复代码的利器

6.删除操作

快捷键作用备注
Ctrl + Shift + K删除整行
Ctrl + Backspace删除光标之前的一个单词英文有效，很常用
Ctrl + delete删除光标之后的一个单词

注：1-6的快捷键，在其他编辑器里，大部分都适用。

7、编程语言相关

快捷键作用备注
Ctrl + /添加单行注释
Alt + shift + F代码格式化
F2以重构的方式进行重命名改代码备
Ctrl + U将光标的移动回退到上一个位置撤销光标的移动和选择

8、搜索相关

快捷键作用备注
Ctrl + Shift +F全局搜索代码
Ctrl + P在当前的项目工程里，全局搜索文件名
Ctrl + F在当前文件中搜索代码，光标在搜索框里
F3在当前文件中搜索代码，光标仍停留在编辑器里

9、快捷键列表

左下角齿轮 > 键盘快捷方式
快捷键列表
在 键盘快捷方式 里，可以查看和修改所有的快捷键列表
在这里插入图片描述
官方快捷键速查表：https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

三、命令面板

Ctrl+Shift+P可以打开命令面板，通过命令行修改来修改一些设置项效率会更高。
打开命令行

1.设置字体大小

在命令面板输入“字体”，可以进行字体的设置：
字体或者，在左下角点设置-常用设置-文本编辑器，在这个设置项里修改字体大小。
在常用设置

2.快捷键设置

在命令面板输入“快捷”，就可以进入快捷键的设置。
快捷方式

3.大小写转换

选中文本后，在命令面板中输入“transfrom”，就可以修改文本的大小写了。
大小写转换

四、 常见配置

1.语言设置-中文

  • Ctrl+shift+P 打开命令面板
  • 输入Configure Display Language（CDL），选择zh-cn（语言文化代码和地区表示：华-中国）
    CDLzh-cn
    或者：
  • Ctrl+shift+X 打开扩展商店
  • 在输入框搜索：Chinese (Simplified) Language
  • 安装插件，然后重启
    汉化插件

2.面包屑（Breadcrumb）

  • 左下角点设置-常用设置-工作台-导航路径
  • 或者左上角 文件-首选项-设置
    导航路径勾选启用导航就可以查看到当前文件的层级结构
    在这里插入图片描述

3.左右显示多个编辑器窗口（抄代码利器）

  • Ctrl+\ 向右拆分编辑器（可以自己设置快捷键），或者直接点击右上角图标
    同时打开多个窗口

4. 是否显示代码行号

默认显示代码行号，也可在设置项里搜索 ELN（editor.lineNumbers）
ELN

5.右侧是否显示代码的缩略图

  • 设置项搜索 editor.minimap
    E>M.E

6、将当前行代码高亮显示（更改光标所在行的背景色）

  • 当我们把光标放在某一行时，这一行的背景色并没有发生变化。如果想高亮显示当前行的代码，需要设置两步：

  1. 在设置项里搜索editor.renderLineHighlight，将选项值设置为all或者line。

  2. 在设置项里增加如下内容：

"workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#00000090", //修改光标所在行的背景色（背景色设置为全黑，不透明度 90%）
    "editor.lineHighlightBorder": "#ffffff30" //修改光标所在行的边框色。
}

7、改完代码后立即自动保存

  • 改完代码后，默认不会自动保存。
  1. 可以在设置项里搜索 file.auto save 修改成onFocusChange，光标离开文件后就会自动保存。files.AS
  2. 左上角 文件-自动保存。勾选后写完代码文件会即时保存。

8、保存代码后，是否立即格式化

  • 保存代码后，默认不会立即进行代码的格式化。可以在设置项里搜索editor.formatOnSave，按需勾选。
    e.fosave

9、空格 or 制表符

24、Emmet in VS Code

  • Emmet可以极大的提高 html 和 css 的编写效率，它提供了一种非常简练的语法规则。

  • 例如在编辑器中输入缩写代码：ul>li*6 ，然后按下 Tab 键，即可得到如下代码片段：

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

Emmet官网：https://docs.emmet.io/abbreviations/syntax/

参考文章：https://www.cnblogs.com/qianguyihao/p/10732375.html

咸鱼瑟瑟发抖
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在win10下使用vscode和winbash调试C代码,这次真的简单能用
houen_study的专栏
06-12 7003
以前写过一个很麻烦也不实用的方法。现在发现vscode本来就支持win10 bash的编译调试。如下图 添加一个bash on windows launch。我生成可用的配置如下{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid...
Windows安装VS Code
xue_nuo的博客
03-14 329
VS Code 官网：https://code.visualstudio.com/ 下载之后下一步下一步
VS code win10 环境，下载安装调试
tj的专栏
01-04 5707
背景： 公司要用vs code 在win10下跑通代码单步调试。下面是具体的操作。 安装环境：win10，MinGW 下载地址 https://code.visualstudio.com/ 安装之后需要install C/C++插件 打开vscode，按ctrl+p打开快速命令框，输入以下命令后等待 ext install cpptools 点击需要的插件 install 完成后，...
Windows安装VS Code详细教程
qq_51528941的博客
11-17 2768
VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。VS Code 使用 Monaco Editor 作为其底层的代码编辑器。
Windows下安装VScode，并使用，以及中文配置
热门推荐
Java肖帝的博客
12-19 12万+
首先明确一点，VScode是开发Go应用的基础编辑器，是Microsoft（微软的产品），可以运行在Windows、Linux、Mac Os X上使用，默认提供Go语言语法高亮，安装Go语言插件后，就可以智能提示，编译等运行功能， 　　当然市场上还有很多其他GO语言的开发工具，例如常见的Eclipse也可以用以Go语言的开发，在这里我只介绍Visual studio code简称（VSCode）的...
Win7最后支持的VS code X86版本
05-26
标题提到的“Win7最后支持的VS code X86版本”意味着这两个版本——VSCodeUserSetup-ia32-1.70.1.exe和VSCodeUserSetup-ia32-1.70.2.exe，可能是微软官方最后为Windows 7 32位系统提供的稳定更新。 VSCodeUserSetup...
vs-code-win-32
11-23
【标题】"vs-code-win-32" 指的是适用于Windows 32位操作系统的Visual Studio Code（简称VS Code）的安装包。这是一款由微软开发的免费、开源的代码编辑器，深受开发者喜爱，支持多种编程语言，并且拥有丰富的插件...
亲测Win7 32位可以使用的VS Code版本VSCodeUserSetup-ia32-1.69.0
06-12
VS Code（Visual Studio Code）是由微软开发的一款免费、开源的代码编辑器，广泛应用于各种操作系统，包括Windows、macOS和Linux。在这个特定的场景中，我们关注的是适用于Windows 7 32位系统的版本——...
CodeWarrior for Microcontrollers V6.3 Win10 64
11-23
6. **兼容性与系统需求**: 标签中提到的“Win10 64位”意味着这个版本的CodeWarrior已经过测试，可以在64位的Windows 10操作系统上运行。这确保了广泛的硬件兼容性，适应现代计算机的配置。 7. **说明.txt**: ...
VS code 网易云轻松愉快
02-06
【描述】"替换解压的ffmpeg.dll文件复制替换到VS Code的安装路径" 这个操作是针对VS Code的一个特定功能或者插件的设置。ffmpeg.dll是一个动态链接库文件，通常与视频和音频处理有关，它可能被用于一个VS Code的扩展...
win10 VS code 编译运行 C/C++的方法
weixin_34255055的博客
07-06 3303
具体配置过程如下链接： https://zhuanlan.zhihu.com/p/35178331   但中间出了点问题：CTRL+ALT+n 运行后： PS D:\C++&gt; cd "d:\C++" ; if ($?) { gcc test.c -o test -std=c11 -lm } ; if ($?) { echo '[Running]' } ; if ($?) { ./test }...
（图文）windows下使用vs code运行以及调试C/C++代码
YH_24H的博客
10-19 5384
本文中需要的安装包：vs code 自行安装 mingw-64 官网下载路径：http://www.mingw-w64.org/doku.php，如果下载出现问题可以去另一个网站SourceForge，mingw-w64源的压缩包也已经托管在SourceForge（网址https://sourceforge.net/p......
浅谈一下如何在Windows平台下使用VS Code编写、运行和调试C/C++程序
PEI-King的博客
05-15 876
友情提醒：如果是初学者，可以试着按照以下教程 or 方法操作，期间有任何问题可以底下评论 or 私信作者哟！ 浅谈一下如何在VS Code（全称visual studio code）中编写、运行和调试C/C++程序 一、前期准备工作 1.你需要下载一个MinGW-w64并把它安装好。现在点击MinGW-w64就可以自动下载。 2.配置系统环境变量 （1）在桌面选择“我的电脑”，右键选择属性。 （2）选择高级系统设置。我的电脑的高级系统设置可能和大家的不太一样，因为我现在所使用的电脑版本.
VSCode 的第一个C++程序（windows）[更新2018.10.28]
码上看世界
06-10 2万+
VSCode作为微软推出的一款免费的轻量级的集成开发环境，可谓是良心之作。它拥有VS的高颜值，而且像瑞士军刀一样，拥有丰富的插件，c/c++、java、python、js、html等等，它都能轻松驾驭。
Vue环境搭建+VSCode+Win10
junshangshui的专栏
05-19 7万+
一、安装Node.js（js的运行环境） 1.在Node.js官网https://nodejs.org/en/download/下载安装包。 2.下载后进行安装。 3.打开命令行，输入node -v可以查看到版本号。输入npm –v可看到npm版本号。 新版的Node.js已自带npm（类似.net中的nuget包管理器），安装Node.js时会一起安装。（将来要更新npm可用这个命令npm i...
【第一节】VS Code中的一些骚操作，设置，做完这些，前端开发仿佛加了“瑞士军刀”！
我是Cj，一个正义之人
09-05 1万+
vs code现在作为开发，尤其是前端开发，不知道给前端开发者提供了多少便捷，简直就是IDE中的开发神器！废话不多说，看着一篇文章就够了，整合了常用的vs中的方法！ 第一节：vs code中常用的插件 第二节：vs code中常用的快捷键 HTML auto close tag ： 自动闭合HTML标签 auto rename tag ：自动更改闭合标签 HTML CSS Support： CSS自动提示 CSS beautify css/sass/scss ： 格式化 color highl
VS Code常用的一些快捷键
Cdlg_Fans的博客
12-14 224
1.工作区快捷键 Mac 快捷键 Win 快捷键 作用 备注 Cmd + Shift + P Ctrl + Shift + P，F1 显示命令面板 Cmd + B Ctrl + B 显示/隐藏侧边栏 很实用 Cmd + \ Ctrl + \ 拆分为多个编辑器 【重要】抄代码利器 Cmd + 1、2 Ctrl + 1、2 聚焦到第 1、第 2 个编辑器 同上重要 Cmd + +、Cmd + -
Windows下安装及配置VS Code （C/C++）
its4you的博客
01-22 1337
Windows下安装及配置VS Code By YC 安装VS Code 登录VS Code官方网站：https://code.visualstudio.com/download下载所需要的VS Code 注意Windows版本分为user和system两类。User版会将VSC安装在Windows的用户个人目录下（也可以手动更改）。System版会默认提供给所有登录用户使用。 安装编辑器（C/C++为例） 打开VS Code 选择插件，如下图 搜索C++...
Windows 下 VS Code 安装和配置
沉觞的博客
10-05 1332
Windows 下 VS Code 安装和配置VS CodeVS Code 下载VS Code 安装VS Code 的配置及使用配置中文VS Code 的图标 VS Code Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux
vs code for win7 32b
最新发布
12-14
在Windows 7 32位系统上安装VS Code也相对简单，只需下载对应的32位安装程序，然后按照安装向导进行操作即可。安装完成后，便可以开始使用VS Code来编写和调试代码了。 需要注意的是，由于Windows 7 32位系统的限制...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值