vscode注释快捷键
vscode注释快捷键如下：
1、单行注释
ctrl+/或先按ctrl+K，再按ctrl+U。
2、取消单行注释
Ctrl+/或先按ctrl+U，再按ctrl+K。
3、块注释
Alt+shift+A。
vscode是一个运行于MacOSX、Windows和Linux之上的，针对于编写现代Web和云应用的跨平台源代码编辑器软件。
vscode支持的语言
该编辑器支持多种语言和文件格式的编写，截止2019年9月，已经支持了如下37种语言或文件：F#、HandleBars、Markdown、Python、Jade、PHP、Haxe、Ruby、Sass、Rust、PowerShell、Groovy、R、Makefile、HTML、JSON。
TypeScript、Batch、VisualBasic、Swift、Less、SQL、XML、Lua、Go、C++、Ini、Razor、Clojure、C#、Objective-C、CSS、JavaScript、Perl、CoffeeScript、Java、Dockerfile。
【前端开发工具-代码编辑器-VSCode】常用快捷键
打开命令面板：F1 或 Ctrl+Shift+P，在打开的输入框内，可以输入任何命令，例如：
在 Ctrl+P 下输入
查找替换 Ctrl+F
查找 Ctrl+F
查找替换 Ctrl+H
整个文件夹中查找 Ctrl+Shift+F
打开默认键盘快捷方式设置： File - Preferences - Keyboard Shortcuts ，或者： Alt+F - p - k
修改 keybindings.json ：
vscode安装schedule
文章目录
VSCode 安装使用教程（图文版）
那么，什么是 IDE 呢 ？
目前，前端开发主流的 IDE 有以下 5 个
下边我们开始玩转 VSCode
VSCode 下载、安装
Window 版 VScode 安装流程
1、下载 Vscode 安装文件
2、下载完成单击运行，然后我们开始进行安装
3、选择安装的位置
4、选择开始菜单文件夹
5、选择附加任务
6、准备安装
7、正在安装
8、安装完成
9、安装完成后，第一次打开 VSCode
VSCode 常见插件安装
1、简体中文语言包
2、编辑器主题选择、设置
3、vscode-icons 显示代码图标
4、open in brower 通过编辑器直接打开默认浏览器
5、Live Server 开启本地服务器
6、Auto Rename Tag 自动修改标签对名称
7、carbon-now-sh 将代码生成一张图片
8、prettier 格式化代码
相关设置
1、字体设置
2、下载字体
3、在电脑中安装字体
4、在 VSCode 中启用查看字体
5、光标设置，平滑插入动画
6、关闭代码缩略图，不占用新资源
7、Ctrl + 鼠标滚轮缩放字体大小
VSCode 快捷键
1、Window 版快捷键
2、Mac 版快捷键
Emmet 语法
VSCode 安装使用教程（视频版）
VSCode 安装使用教程（图文版）
工欲善其事，必先利其
VSCode常用快捷键
Ctrl + D 依次找出当前选中词
Ctrl + Shift + L 找出所有当前选中词
Shift + Alt + 上下 快速复制一行
Ctrl + H 打开替换搜索框
Ctrl + G 输入行号，跳转到行
Ctrl + Alt + 上下 添加多行光标，一起输入 //实测快捷键冲突
Alt + Shift + 拖鼠标 选择区块
Alt + Shift + 左右 选中
Ctrl + Shift + 左右
Ctrl + 左右 光标跳词
Home/End 光标定位行首末
linux下python怎么用vscode设定yapf
为VSCode安装扩展
用VSCode编程是需要依赖扩展的。写Python需要安装python的扩展，写C++需要安装C++的扩展。刚打开编辑器的时候，它一般会推荐一些扩展，你如果什么都不知道，可以先安装官方推荐的这些扩展：
修改VSCode的一些选项的默认值
VSCode有很多选项可以被修改，其各个选项都有默认值，这些默认值存储在"\settings.json"中(不过我没找到这个文件)，用户如果想修改某些选项的值（比如：修改字体的大小），VSCode会自动帮我们生成一个“settings.json”文件，然后我们直接在这个文件中配置自己想要的值即可。
VSCode还没有创建"settings.json"文件：
VSCode帮我们创建了"settings.json"文件：
我们修改字号，让字体大一些。修改完后，保存一下，自定义的值就会覆盖默认值，修改就生效了。
用VSCode编写和调试python程序
下面就开始用VSCode编程了。因为python的配置超简单，我们以python为例来说明一下。
https //segmentfault com/q/1010000005897116
VSCode是以文件夹作为项目单位的。所以，我们如果要新建一个python项目的话，需要新建一个文件夹，然后在这个文件夹里面放置.py文件。然后让VSCode"打开文件夹"，这样VSCode就能识别这个项目了。（当然可以用VSCode直接创建文件夹和文件。）
先创建test_python文件夹，里面创建一个test.py文件。
然后用VSCode加载它：
加载后的样子。可以看到，因为安装了python扩展，已经有高亮等效果了。
下面开始调试。
很显然要选择python选项：
然后VSCode为我们自动生成了"launch.json"文件，此文件有很多配置项，有的选项是默认从"settings.json"中取值的(比如"config.python.pythonPath")。如果"settings.json"中没有配置它们的话，调试时可能会无法启动。
同时，项目文件夹下面还自动生成了".vscode"文件夹。文件"launch.json"就在这个文件夹中。此时VSCode才算是真正意义上接手了这个项目文件夹。
网上的教程里，直接先在"settings.json"中把"python.pythonPath"先配置了一下，我当时不是太理解。现在看来，我们也需要配置一下了。
配置完之后，就可以正常调试程序了。
用VSCode调试带参的Python程序
修改test.py里面的代码，让它能打印参数（修改后的代码见下面的图片）。
修改launch.json，找到"configurations"中"name"为"Python"的那个配置块，给它添加"args"项，如下图所示：
添加前的配置块：
添加后的配置块：
文件launch.json修改完毕后，按F5调试程序，可以看到控制台输出的结果：
在按F5调试时，VSCode每次都会在程序入口处暂停住，这是配置项"stopOnEntry"在起作用，将其改成false后就不会出现这种情况了。
用VSCode自动格式化代码
VSCode“自动格式化代码”的快捷键是“Alt+Shift+F”。要格式化Python代码，需要安装Python包yapf（或autopep8、等）。
在命令行下执行：
[plain] view plain copy
python -m pip install yapf
然后配置"settings.json"，启用yapf：
用VSCode对python代码进行语言分析
VSCode使用python的语言分析(写python代码的时候，编辑器会提示哪里出错，哪里的代码格式不规范)，可以安装flake8（或pylint、等）：
在命令行下执行：
[plain] view plain copy
python -m pip install flake8
然后配置"settings.json"，启用flake8：
更换文件图标主题（使VSCode左侧的资源管理器根据文件类型显示图标）：
可以选择已经存在的文件图标主题："文件"-"首选项"-"文件图标主题"-"Seti(Visual Studio Code)"。
你也可以安装“vscode-icons”插件，安装的方式：
在“扩展(Ctrl+Shift+X)”中，搜索“vscode-icons”，然后安装并重新加载它，然后VSCode会让你执行一些操作，以激活"vscode-icons"插件。操作为：
"文件"-"首选项"-"文件图标主题"-"VSCode Icons"。对应到英文的话，应该是"File" - "Preferences" - "File Icon Theme"-"VSCode Icons"。
Guides（缩进线插件，让代码看起来更清晰）：
在“扩展(Ctrl+Shift+X)”中，搜索“Guides”，然后安装并重新加载它即可。
vscode插件快捷键点击是另一个软件
，希望可以帮助各位码农锋利自己的武器。
快捷键器篇
窗口文件相关快捷键
新建文件
Ctrl+N
文件之间切换贴
Ctrl+Tab
打开一个新的VS Code编辑器
Ctrl+Shift+N
关闭当前窗口
Ctrl+W
关闭当前的VS Code编辑器
Ctrl+Shift+W
切出一个新的编辑器窗口（最多3个)
Ctrl+
切换左中右3个编辑器窗口的快捷键
Ctrl+1 Ctrl+2 Ctrl+3
全屏显示
F11
放大或缩小(以编辑器左上角为基准)
Ctrl +/-
侧边栏显示或隐藏
Ctrl+B
显示 Debug
Ctrl+Shift+D
显示 Output
Ctrl+Shift+U
搬砖相关快捷键
复制
Ctrl+C
剪切
Ctrl+X
粘贴
Ctrl+V
代码行向左或向右缩进
Ctrl+[ 、 Ctrl+]
代码格式化
Shift+Alt+F
向上或向下移动一行
Alt+Up 或 Alt+Down
向上或向下复制一行
Shift+Alt+Up 或 Shift+Alt+Down
在当前行下方插入一行
Ctrl+Enter
在当前行上方插入一行
Ctrl+Shift+Enter
移动到行首
Home
移动到行尾
End
移动到文件结尾
Ctrl+End
移动到文件开头
Ctrl+Home
选择从光标到行尾的内容
Shift+End
选择从光标到行首的内容
Shift+Home
删除光标右侧的所有内容(当前行)
Ctrl+Delete
删除当前行
ctrl+shift+k
下一个匹配的也被选中
Ctrl+D
回退上一个光标操作
Ctrl+U
可能有的小伙伴会说，这快捷键也太多了吧，但是这仅仅是冰山一角。不过各位小伙伴也不要慌张，vscode同样也提供了非常人性化的自定义快捷键功能。那到底怎么自定义尼？下面奉上一张宝图，大家就一目了然了。
看到这里，可能很多小伙伴会有疑惑，为什么我的编辑器是中文的，而你的是英文尼？这就和我们接下来要说的常用插件有关了。带我慢慢道来。
插件篇
编辑器常用插件
Chinese (Simplified) Language Pack for Visual Studio Code
安装这个插件就可以把编译器原始的英文界面更改为中文界面了。
background
编码搬砖的过程，无疑是相当枯燥乏味的，但是如果加上这样的小姐姐尼？是不是一下就不枯燥了？
答案是肯定的。也很幸运的有background这个插件，安装之后会有一个默认的背景图片，如图所示：
这个时候，我们可以在修改设置中搜索background修改设置json文件，如下所示：
修改代码奉上：
{
“background.useDefault”: false,
“background.style”: {
“content”:"’’",
“pointer-events”:“none”,
“position”:“absolute”,//图片位置
“width”:“100%”,
“height”:“100%”,
“z-index”:“99999”,
“background.repeat”:“no-repeat”,
“background-size”:“100%,100%”,//图片大小
“opacity”:0.2 //透明度
},
“background.customImages”: [//此处配置自己对应的背景图
“”
],
}
Rainbow Fart
背景图片有了，那么能不能也有声音尼？我可以肯定的告诉你，可以。只需要安装Rainbow Fart这个插件，然后启动这个插件就可以在编码的过程中，出现小姐姐的声音了。启动方法如下：
在vscode软件中使用ctrl+shift+p 打开命令面板，复制Enable Rainbow Fart 后回车，右下方弹出的提示后点击open按钮，或直接访问（ ）,在弹出的页面点击授权，如下图所示：
授权成功之后，就可以愉快的编码了。
1
2
3
open in browser
在浏览器中打开页面
Live Server
以服务器的方式打开页面
搬砖常用插件
Auto Close Tag
标签自动闭合
Auto Rename Tag
开始标签和结束标签自动进行同步
Bracket Pair Colorizer
会已不同颜色和横线显示括号的范围
HTML Snippets
快速的生成html标签
JS-CSS-HTML Formatter
代码格式化
Color Info
颜色提示插件，只需要将鼠标放在颜色值上悬停，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息啦。
jQuery Code Snippets
jQuery自动提示
Path Autocomplete
路径自动补齐
ESLint
检测JS必备
Html Css Support
在标签新增class的时候会提示之前写过的class
Beautify / Beautify css/sass/scss/less
样式格式化（两个的区别还没感受出来）
Vetur
更多内容请见原文，原文转载自：
分类: 前端
标签: vscode常用插件快捷键, 前端
好文要顶 关注我 收藏该文  
忘川信使
粉丝 - 0 关注 - 0
+加关注
00
» 下一篇： 面试宝典带你走向人生巅峰
posted @ 2022-03-28 16:33 忘川信使 阅读(324) 评论(0) 编辑 收藏 举报
