VSCode插件集及快捷键

简介: VSCode插件集及快捷键

1.插件集

1.1 vue

【vetur】 vue语法高亮

【vueHelper】vue2代码段

1.2 react

【react playground】react运行环境

【react standard style code snippets】react standard风格代码块

1.3 HTML

【auto close tag】 自动闭合HTML标签

【auto rename tag】 修改HTML标签时自动修改匹配标签

【htmltagwrap】包裹HTML

【HTML css suppot】css提示,支持vue的css提示

1.4 CSS

【beautify css/sass/scss/less】 css/sass/scss/less格式化

【color highlight】颜色值在代码中高亮显示

【less intellisense】less变量与混合提示

【postCss sorting】css排序

【sass】sass插件

【language-stylus】stylus语法高亮和提示

1.5 js

【json tools】格式化和压缩json

【JavaScript(ES6) code snippets 】ES6 语法智能提示

1.6 ts

【TSLint】typescript语法检查

【Typescript import】ts自动import

1.7 注释

【better comments】编写更加人性化的注释

【document this】注释文档生成

1.8 语法检查

【eslint】 eslint插件高亮提示

【stylelint】css/sass/less代码风格

1.9 VS code编译器设置

【VS code icon】 文件图片标识

vscode-random】随机字符串生成器

【styled-components】VS coed-component高亮支持

【VS coed-styled-jsx】styled-jsx高亮支持

1.10 git

【git blame】在状态栏显示当前行的git信息

【git history】查看git log

【gitLens】显示文件最近的commit和作者,显示当前行commit信息

【gitignore】.gitignore文件语法

1.11 jQuery

【jQuery Code Snippets】jQuery代码智能提示

1.12 其他

【bookmarks】添加行书签

【code spell checker】单词拼写检查

【file peek】根据路径字符串,快速定位到文件

【font-awesome codes for html】fontawesome提示代码段

【guides】高亮缩进基准线

【path autocomplete】完整路径提示

【project manager】切换项目

【REST client】发送REST风格的HTTP请求

【sort lines】 排序选中行string manipulation

【test spec generator】测试用例生成

【version lens】package.json文件显示模块当前版本和最新版本

【view node package】快速打开选中模块主页和代码仓库

【filesize】状态栏显示当前文件大小

【markdownlint】markdown格式提示

【npm intellisense】导入模块提示已安装模块名称npm

2. 快捷键

2.1 编辑器与窗口管理

打开一个新窗口: 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

2.2 查找替换

查找 Ctrl+F

查找替换 Ctrl+H

整个文件夹中查找 Ctrl+Shift+F

2.3 重构代码

找到所有的引用: Shift+F12

同时修改本文件中所有匹配的: Ctrl+F12

重命名:比如要修改一个方法名,可以选中后按 F2,输入新名字,回车,则所有该方法的引用也都同步更新了

跳转到下一个 Error 或 Warning:当有多个错误时可以按 F8 逐个跳转

查看 diff: 在 explorer 里选择文件右键 Set file tocompare,然后需要对比的文件上右键选择 Compare with file_name_you_chose

参考文章(侵删)

相关文章
|
3月前
|
自然语言处理 API C++
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
SmartVscode插件深度解析:自然语言控制VS Code的革命性工具及其开源框架App-Controller
|
6天前
|
机器学习/深度学习 人工智能 自然语言处理
|
4天前
|
人工智能 小程序 程序员
【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
89 7
|
6月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
339 1
|
3月前
|
开发工具 C++ git
利用VS Code提升开发效率的五大插件推荐
本文推荐了五款能显著提升开发效率的VS Code插件:ESLint用于代码质量和风格检查;Prettier自动格式化代码;GitLens增强Git功能;Live Server提供前端实时预览;Docker支持容器管理。
|
3月前
|
Linux C++ iOS开发
vs code常见的查找快捷键大全
本文来自 frozencola 技术日志,介绍了 VS Code 中常用的查找快捷键,包括快速打开文件、文件资源管理器、全局搜索、查找符号、查找文件中的文本、查找并替换、文件导航和使用命令面板。掌握这些快捷键可以显著提升开发效率。
330 4
|
3月前
|
C++
vs code常见的查找快捷键大全
【11月更文挑战第1天】本文介绍了 VS Code 中的基本查找和替换操作,包括在当前文件中查找(Ctrl + F)、查找替换(Ctrl + H)、查找下一个(F3)和查找上一个(Shift + F3)。还涵盖了在多个文件中查找(Ctrl + Shift + F)和查找替换(Ctrl + Shift + H),以及符号查找相关操作,如转到符号(Ctrl + T)和在文件中查找符号(Ctrl + Shift + O)。这些快捷键和功能帮助用户高效地管理和编辑代码。
533 2
|
4月前
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
1707 3
|
4月前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
1105 0
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
|
6月前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
197 5

热门文章

最新文章