vscode 实用插件

Chinese (Simplified) Language Pack for Visual Studio Code
设置中文显示
open in browser
从浏览器中查看html文件，使用系统的当前默认浏览器
One Dark Pro
设置vscode的颜色，这个颜色比默认的黑色更淡，对眼睛没有那么的刺眼
Auto Close Tag
自动补全html标签
Auto Import
自动导入包插件
Auto Rename Tag
重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签
Bookmarks
书签插件，可以对代码的行数做标记，能快速找到自己做标记的代码，并且通过快捷键能快速的找到上下标记的地方（建议：最好默认改一下这个书签的快捷键，因为书签的默认快捷键是三个键不太方便。快捷键设置：文件 - 首选项 - 键盘快捷方式 - 搜索“”书签”）
Bracket Pair Colorizer
为代码中的括号添上一抹亮色，可以快速的看到对应的括号的颜色，一个颜色对应一对括号
Code Spell Checker
代码拼写检查，可以检查出你书写的代码是否是一个单词
ESLint
安装了，可以配置对应的settings.json文件，共享setting.json文件可以使得整个项目的代码风格统一
GitLens — Git supercharged
git源代码管理插件，可以看到每一行的提交信息，也可以看到这个文件的变动情况
HTML CSS Support
智能提示CSS类名以及id
Image preview
前端开发图片预览插件 Image preview（支持css预览支持svg格式）一款提高前端开发效率的插件，代码中hover直接预览图片
IntelliSense for CSS class names in HTML
这个插件可以智能提示html标签的类名在我们使用第三方类的时候,可以智能的提示
Vetur
vue的语法高亮
HTML Boilerplate
HTML5的代码模板创建html文件后输入html即可使用
Trailing Spaces
显示尾部空格插件，如果尾部有空格的话，会出现这样的块来提示你

设置快捷键一键删除所有尾部空格：
文件-首选项-键盘快捷方式-搜索Trailing Spaces然后就可以设置对应的快捷键啦
Tabnine
AI 代码完成插件，他会在后面自动提示你想输入的代码
npm Intellisense
npm模块导入智能提示，会根据你输入的提示对应的npm包名
Import Cost
依赖包的大小提示
Error Gutters
报错的地方都有大红波浪线提示，前面会有叉叉标识
javascript console utils
快捷生成console.log。选中你想打印的变量，然后按 ctrl + shift + L 就可以生成了。需要删除的时候按 ctrl + shift + D 即可删除。
Prettier - Code formatter
格式化插件
在setting.json中设置可以去掉结尾的逗号以及相应的分号、单引号

vscode 实用插件相关推荐

【Linux学习】基础篇 1.Linux/Window环境VScode实用插件安装
无论在Linux和Window安装VScode后,都需要下载实用插件,VsCode支持多种语言,比如C/C++.Python.C#等,主要安装C/C++扩展包. 1.C/C++:基础 ...
vscode实用插件
1.vscode-icons 文件/文件夹图标,使编辑器更漂亮. 2.indent-rainbow 使用四种颜色交替显示缩进 3.TinyPNG 压缩 JPG/PNG 图片 4.Live Server ...
【前端提效】-- VsCode 实用插件推荐
EditorConfig for VS Code ***** 作用:多人协同开发,规范缩进风格,缩进大小,tab长度以及字符集等,解决不同IDE的编码范设置,在这里配置(.editorconfig)的 ...
八个非常实用的vsCode扩展插件，千万别错过了！
vsCode是前端开发者们非常喜欢的开发程序之一,里面还提供了众多的扩展插件,帮助开发者们更好的使用它.今天小千就来给大家介绍八个非常实用的vsCode扩展插件,千万别错过了. 一.Better Co ...
VSCode下载及各种实用插件安装教程
VSCode(Visual Studio Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具. 1.VSCode下载 VSCode下载链接: ht ...
VScode常用插件下载
VScode常用插件下载记录自己第一次使用VScode,边学习边记录,以后继续努力! Visual Studio Code的插件系统很好用,虽然vscode自带的功能比较少,但很多插件可以帮我们实现 ...
VScode必备插件、Emmet语法、面试题更新——用到老
欢迎加入前端技术营!如果你也是前端学习者或者对前端有学习的想法,那就跟着我一起从零开始进击前端. 致力于尽可能详细且简洁的介绍前端知识.自己的捷径,也是学习路上的记录.欢迎探讨目录一.V ...
Vue 所有实用插件集合汇总
Vue 所有实用插件集合汇总框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 ...
vscode markdown插件_如何用Markdown写公众号
前情介绍小编使用的是mac笔记本,由于职业的关系需要编写很多技术文档和技术方案,本人喜欢用vscode编辑器利的插件来写markdown文章,本文介绍的是如何通过使用vscode来编写图文并茂的公众 ...

vscode 实用插件

vscode 实用插件相关推荐

最新文章

热门文章