VSCode 常用插件

自定义相关

语言包、主题、快捷键等

plugins description Chinese 中文简体语言包 Material Theme Google Material 主题(附带安装:Community Material Theme) Material Icon Theme Google Material Icon 主题(附带安装:Material Theme Icons) vscode-icons 改变编辑器里面的文件图标 Prettier 格式化插件 Bracket Pair Colorizer 2 给嵌套的各种括号加上不同的颜色 Color Highlight 颜色高亮显示 indent-rainbow 缩进彩虹颜色 Trailing Spaces 高亮显示空格以及tab键,并且配置后可以一键去掉多余的空格和tab键

代码相关

plugins description Tabnine 智能代码提示 HTML Snippets 这一工具在代码分段方面非常有用,可以为你节省大量的时间。它能跟Emmet配对,这样一来你甚至都不用再真正键入HTML了 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式 HTML to CSS autocompletion HTML到CSS的选择器智能完成 CSS Peek 定位 CSS 类名 px to rem & rpx (cssrem) 像素转 rem & rem转像素 JavaScript (ES6) code snippets JavaScript(ES6)智能代码片段 jQuery Code Snippets jQuery代码智能提示 node-snippets node智能代码片段 Npm Intellisense 用于在import语句中自动填充npm模块;require 时的包提示 Vetur Vue 的语法高亮、智能感知、Emmet 等 Vue VSCode Snippets Vue2,3 语法代码片段 Vue 3 Snippets Vue2,3 语法代码片段 Simple React Snippets React 语法代码片段 ESLint 语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码(代码规范) Regex Previewer 实时预览正则表达式的效果 Babel ES6/ES7 JavaScript Babel的辅助工具。如果你用的是Babel,这个工具可以让你更容易区分代码 Easy Less 把less文件编译为css文件;只要保存Less文件就会自动生成CSS文件 Live Sass Compiler Sass编译器;监听编译scss文件,输出css文件 Easy Sass Sass编译器;监听编译scss文件,输出css文件(我选择这个) Sass Sass的代码提示

工具相关

plugins description Live Server 基本功能是预览网页,但它的特点是:会将网页在本地服务器上预览,最重要的是代码保存之后,浏览器自动刷新 Code Runner 代码一键运行,支持超过40种语言 Error Lens 将编辑器诊断出的警告、错误、语法问题(提示的波浪线)等,以用颜色填充行背景的方式突出提示,并将诊断信息显示在尾部 gitignore 添加 .gitignore 文件 GitLens 增强自带Git功能 Auto Rename Tag 自动修改匹配的 HTML 标签 Path Intellisense 智能路径提示,可以在你输入文件路径时智能提示 Image preview 图片与侧边栏预览,也可以在鼠标悬浮在链接或者装订线(gutter)左边可以预览到图片 SVG Viewer 预览 SVG REST Client api 接口 Icon Fonts 添加字体图标 Quokka 调试工具插件,能够根据你正在编写的代码提供实时反馈(收费) Minify 压缩 HTML、CSS、JS 代码 CodeIf Codelf 是一个用来给变量命名的网站,你只要输入你想起的中文名,它就会给你提供很多建议的命名 Code Spell Checker 检查你的英文单词拼写是否有误,如果有库里不存在的单词则会下下波浪线 carbon-now-sh 将代码分享为图片(图片的格式可以为 png 和 svg) Turbo Console Log 快捷添加 console.log,一键 注释 / 启用 / 删除 所有 console.log change case 修改文本的更多命名格式,包括驼峰命名、下划线分隔命名。使用方法:Ctrl+Shift+p输入”change”然后选择要修改的格式即可 Lorem ipsum 快速填充文本 faker 随机生成姓名、地址、图像、电话号码,或者经典的乱数假文段落

Original: https://www.cnblogs.com/sbgong/p/15652608.html
Author: 不二橘子酱
Title: VSCode 常用插件

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/576134/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球