VScode常用插件及快捷键

VScode常用插件及快捷键

本文介绍了常用的VScode插件及快捷键，以及一些常用的编辑技巧。

插件

• vetur：Vue语法高亮和提示
• vueHelper：Vue2代码段
• reactplayground：React运行环境
• reactstandardstylecodesnippets：React标准风格代码块
• autoclosetag：自动闭合HTML标签
• autorenametag：修改HTML标签时自动修改匹配标签
• htmltagwrap：包裹HTML
• HTMLcsssuppot：CSS提示，支持Vue的CSS提示
• beautifycss/sass/scss/less：CSS/Sass/Scss/Less格式化
• colorhighlight：颜色值在代码中高亮显示
• lessintellisense：Less变量与混合提示
• postCsssorting：CSS排序
• sass：Sass插件
• language-stylus：Stylus语法高亮和提示
• jsontools：格式化和压缩JSON
• TSLint：TypeScript语法检查
• Typescriptimport：TS自动import注释
• bettercomments：编写更加人性化的注释
• documentthis：注释文档生成
• eslint：ESLint插件高亮提示
• stylelint：CSS/Sass/Less代码风格
• VScodeicon：文件图片标识
• vscode-random：随机字符串生成器
• styled-components：VScoed-component高亮支持
• VScoed-styled-jsx：Styled-jsx高亮支持
• gitblame：在状态栏显示当前行的Git信息
• githistory：查看Gitlog
• gitLens：显示文件最近的commit和作者，显示当前行commit信息
• gitignore：.gitignore文件语法
• bookmarks：添加行书签
• codespellchecker：单词拼写检查
• filepeek：根据路径字符串，快速定位到文件
• font-awesomecodesforhtml：Fontawesome提示代码段
• guides：高亮缩进基准线
• pathautocomplete：完整路径提示
• projectmanager：切换项目
• RESTclient：发送REST风格的HTTP请求
• sortlines：排序选中行
• testspecgenerator：测试用例生成
• versionlens：package.json文件显示模块当前版本和最新版本
• viewnodepackage：快速打开选中模块主页和代码仓库
• filesize：状态栏显示当前文件大小
• markdownlint：Markdown格式提示
• npmintellisense：导入模块提示已安装模块名称

快捷键

以下是一些常用的快捷键：

• 打开一个新窗口：Ctrl+Shift+N
• 关闭窗口：Ctrl+Shift+W
• 同时打开多个编辑器（查看多个文件）：新建文件Ctrl+N，文件之间切换Ctrl+Tab
• 切出一个新的编辑器（最多3个）：Ctrl+\，也可以按住Ctrl鼠标点击Explorer里的文件名
• 左中右3个编辑器的快捷键：Ctrl+1、Ctrl+2、Ctrl+3
• 3个编辑器之间循环切换：Ctrl+`
• 编辑器换位置：Ctrl+k然后按Left或Right
• 代码行缩进:Ctrl+[、Ctrl+]
• 复制或剪切当前行/当前选中内容：Ctrl+C、Ctrl+V
• 代码格式化：Shift+Alt+F，或Ctrl+Shift+P后输入formatcode
• 上下移动一行：Alt+Up或Alt+Down
• 复制一行：Shift+Alt+Up或Shift+Alt+Down
• 在当前行下边插入一行：Ctrl+Enter
• 在当前行上方插入一行：Ctrl+Shift+Enter
• 移动到行首：Home
• 移动到行尾：End
• 移动到文件结尾：Ctrl+End
• 移动到文件开头：Ctrl+Home
• 移动到定义处：F12
• 定义处缩略图：只看一眼而不跳转过去Alt+F12
• 移动到后半个括号：Ctrl+Shift+]
• 选择从光标到行尾：Shift+End
• 选择从行首到光标处：Shift+Home
• 删除光标右侧的所有字：Ctrl+Delete
• 扩展/缩小选取范围：Shift+Alt+Left和Shift+Alt+Right
• 多行编辑(列编辑)：Alt+Shift+鼠标左键，Ctrl+Alt+Down/Up
• 同时选中所有匹配：Ctrl+Shift+L
• 回退上一个光标操作：Ctrl+U
• 选中所有匹配词批量编辑：鼠标高亮选中需要查找的词，按下Ctrl+Shift+L，即可快速选中当前文件中所有匹-配的词，并在每一个词后面有一个编辑光标，可批量同步编辑
• 选择语言模式：Ctrl+K，M
• 列操作(multiCursor)：Alt+鼠标左键点击：添加多光标，输入Alt+鼠标左键拖动：选择各行的部分内容，Shift+Alt+鼠标左键点击：垂直选中列，Shift+Alt+鼠标左键拖动：选中拖动的区域内容