VS Code 必备插件推荐「建议收藏」

VS Code 必备插件推荐「建议收藏」插件说明备注AutoCloseTag自动添加HTML/XML关闭标签AutoRenameTag自动重命名配对的HTML/XML标签Beautify格式化代码BracketPairColorizer颜色识别匹配括号CodeRunner非常强大的一款插件…

大家好,又见面了,我是你们的朋友全栈君。

插件 说明 效果
Atom One Dark Theme 一款很漂亮的主题插件
Auto Close Tag 自动添加HTML / XML关闭标签 VS Code 必备插件推荐「建议收藏」
Auto Rename Tag 自动重命名配对的HTML / XML标签 VS Code 必备插件推荐「建议收藏」
Beautify 格式化代码 (查看使用方法)
Bracket Pair Colorizer 颜色识别匹配括号 VS Code 必备插件推荐「建议收藏」
Code Runner 非常强大的一款插件,能够运行多种语言的代码片段或代码文件:C,C ++,Java,JavaScript,PHP,Python,Perl,Ruby,Go等等
安装完成后,右上角会出现:▶
VS Code 必备插件推荐「建议收藏」
change-case 虽然 VSCode 内置了开箱即用的文本转换选项,但其只能进行文本大小写的转换。而此插件则添加了用于修改文本的更多命名格式,包括驼峰命名、下划线分隔命名,snake_case 命名以及 CONST_CAS 命名等 VS Code 必备插件推荐「建议收藏」
Chinese (Simplified) Language Pack for Visual Studio Code 中文简体语言包
Color Info 这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了 VS Code 必备插件推荐「建议收藏」
CSS Peek 使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码 VS Code 必备插件推荐「建议收藏」
Debugger for Chrome 前端调试 (查看使用方法) VS Code 必备插件推荐「建议收藏」
Easy LESS 使用 less 语法开发, 对于不支持 less 的项目非常有用 (比如: 微信小程序) 微信小程序配置:
1. 进入 setings.json, 在 less.compile 中添加 "outExt": ".wxss"
2. 新建一个 .less 文件, 写入样式后会在同级目录自动生成 .wxss 文件
ESLint EsLint可以帮助我们检查Javascript编程时的语法错误。比如:在Javascript应用中,你很难找到你漏泄的变量或者方法。EsLint能够帮助我们分析JS代码,找到bug并确保一定程度的JS语法书写的正确性
filesize 在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间 VS Code 必备插件推荐「建议收藏」
Git History 以图表的形式查看 git 日志 VS Code 必备插件推荐「建议收藏」
GitLens — Git supercharged 显示文件最近的 commit 和作者,显示当前行 commit 信息 VS Code 必备插件推荐「建议收藏」
HTML Boilerplate 通过使用 HTML 模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构 VS Code 必备插件推荐「建议收藏」
HTML CSS Support html 代码自动补全以及 class 智能提示
HTMLHint HTML 代码格式检测 VS Code 必备插件推荐「建议收藏」
HTML Snippets 代码自动填充 VS Code 必备插件推荐「建议收藏」
htmltagwrap 在选中HTML标签中外面套一层标签
“Alt + W” (“Option + W” for Mac)
VS Code 必备插件推荐「建议收藏」
Image Preview 鼠标移到路径里显示图像预览 VS Code 必备插件推荐「建议收藏」
Indenticator 突出目前的缩进深度 VS Code 必备插件推荐「建议收藏」
intelliSense for CSS class names in HTML 把项目中 css 文件里的名称智能提示在 html 中 VS Code 必备插件推荐「建议收藏」
JavaScript (ES6) code snippets es6代码片段
koroFileHeader 文件头部注释 (不会被 ESLint 格式化)
Live Server 浏览器实时刷新 VS Code 必备插件推荐「建议收藏」
minapp 微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets) VS Code 必备插件推荐「建议收藏」
Node.js Modules Intellisense 可以在导入语句中自动完成JavaScript / TypeScript模块 VS Code 必备插件推荐「建议收藏」
npm Intellisense require 时的包提示 VS Code 必备插件推荐「建议收藏」
Path Intellisense 路径自动补全 VS Code 必备插件推荐「建议收藏」
Power Mode 代码输入特效 VS Code 必备插件推荐「建议收藏」
Prettier – Code formatter 格式化工具, 统一代码规范, 团队开发必备
Quokka.js Quokka 是一个调试工具插件,能够根据你正在编写的代码提供实时反馈
使用方法: ctrl+shift+p 输入 quokka 选择 new javascript 就可以了
VS Code 必备插件推荐「建议收藏」
Regex Previewer 这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上,并高亮所有的匹配项 VS Code 必备插件推荐「建议收藏」
Settings Sync 个人配置同步
查看使用方法
SVG Viewer 此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序,你无需离开编辑器,便可以打开 SVG 文件并查看它们。同时,它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项 VS Code 必备插件推荐「建议收藏」
Vue 2 Snippets Vue2 代码片段补全 VS Code 必备插件推荐「建议收藏」
Vetur Vue 语法高亮显示, 语法错误检查, 代码自动补全
(配合 ESLint 插件效果更佳)
vscode-fileheader 顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间
快捷键: Ctrl+Alt+i
(默认信息可在 文件→首选项→设置 中修改)
VS Code 必备插件推荐「建议收藏」
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/137942.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • vim命令下显示行号[通俗易懂]

    vim默认不显示行号如何使vim命令显示行号?显示当前行行号在vim的命令模式下,在光标停留处,退出命令模式,然后输入:nu,即可显示当前这行的号码显示所有行号如果要显示该文件的所有行号,则需要在vim的命令模式下,输入:setnu,则可以显示该文件的所有行号取消所有行号如果要显示该文件的所有行号,则需要在vim的命令模式下输入,在光标停留处,退出命令模式,然后输入:setnonu,即可显示当前这行的号码这样的设置方法只能维持在,当前vim打开的文件…

  • 为什么当程序员?来听听漂亮国程序员的理由

    为什么当程序员?来听听漂亮国程序员的理由看看在国外当程序员的理由,与我们国内有什么不同!

  • 神经网络学习(十三)卷积神经网络的MATLAB实现

    神经网络学习(十三)卷积神经网络的MATLAB实现系列博客是博主学习神经网络中相关的笔记和一些个人理解,仅为作者记录笔记之用,不免有很多细节不对之处。卷积神经网络回顾上一节,我们简单探讨了卷积神经网络的反向传播算法,本节我们着手实现了一个简单的卷积神经网,在此之前先以最基本的批量随机梯度下降法+L2正则化对对卷积神经网络的反向传播算法做一个很简单回顾。需要确定参数有:小批量数据的大小mmmCNN模型的层数LLL和所有隐…

  • SpringBoot集成拦截器[通俗易懂]

    SpringBoot集成拦截器[通俗易懂]集成拦截器登录验证为例添加拦截器public class LoginInterceptor implements HandlerInterceptor { private Logger log = LoggerFactory.getLogger(getClass()); //Controller逻辑执行之前 @Override public boolean preHandle(HttpServletRequest request, HttpServletRe

  • SQL注入原理及PreparedStatement的使用

    SQL注入原理及PreparedStatement的使用

  • “双击Pycharm无响应”解决方案「建议收藏」

    “双击Pycharm无响应”解决方案「建议收藏」问题描述昨晚直接关机,导致pycharm强制关闭,今早打开时双击图标无响应解决方法第一步:找到该路径下的cmd.exe,右键管理员身份打开;第二步:在cmd窗口中,输入netshwinsockreset,回车;第三步:重启电脑,尝试重新打开pycharm关于指令winsock是Windows网络编程接口netsh是一个能够通过命令行操作几乎所有网络相关设置的接口netshwinsockreset命令,作用是重置Winsock目录这个命令可以重新初始化网

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号