当前位置:首页 » 《关注互联网》 » 正文

VS Code 程序猿 必装的高效开发插件_CSDN凉宸

16 人参与  2021年09月12日 15:23  分类 : 《关注互联网》  评论

点击全文阅读


高效开发

      • 文件图标
      • 黑暗主题
      • 代码检查工具
      • 代码美化
      • CSS 类名智能提示
      • 代码拼写检查
      • 模块区分
      • 内嵌cmd终端
      • 路径提示
      • ES6 语法智能提示
      • Vue 多功能集成插件
      • 智能提示
      • Git专用

文件图标

插件名称:vscode-icons

vscode-icons 可以实现对各类文件类型的文件前的图标进行优化显示,我们在查看长文件列表的时候,可以直接通过文件的图标就可以快速知道文件的类型,而不用再去看文件的后缀名了
在这里插入图片描述

黑暗主题

插件名称:One Dark Pro

可以一键将VS Code编辑器颜色调为暗色,开发更舒服
在这里插入图片描述

代码检查工具

插件名称:ESLint

ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码

VSCode 中的 ESLint 插件就直接将 ESLint 的功能集成,安装后即可使用ESLint语法,对于代码格式与规范的细节可以自定义标准,一个团队可以共享同一个配置文件,所有人写出的代码就可以使用同一个代码规范,在代码打包前就可以自动完成自己的代码规范检查
在这里插入图片描述

代码美化

插件名称:Beautify

Beautify插件可以快速格式化代码,让你在编写代码时杂乱无章的代码结构瞬间变得非常规整,代码强迫症必备,较好的代码格式在后期维护以及他人阅读时都会有很多的便利
在这里插入图片描述

CSS 类名智能提示

插件名称:IntelliSense for CSS class names in HTML

IntelliSense for CSS class names in HTML 插件,可以在 HTML 中需要调用 CSS 类名的地方,此插件会智能地给你已定义 CSS 类名的提示

在这里插入图片描述

代码拼写检查

插件名称:Code Spell Checker

此插件安装后就不用管就好了,在你代码中有单词拼写错误时,插件可以给出错误拼写单词的建议
在这里插入图片描述

模块区分

插件名称:Bracket Pair Colorizer

友好的给括号加上不同的颜色,便于区分不同的区块,使用者还可以定义括号类型和颜色

在这里插入图片描述

内嵌cmd终端

插件名称:Terminal

编辑器中内嵌一个似 cmd 终端程序,直接在编辑器中运行终端命令

在这里插入图片描述

路径提示

插件名称:Path Intellisense

插件自动提示文件路径,支持各种文件无脑快速引入
在这里插入图片描述

ES6 语法智能提示

插件名称:JavaScript(ES6) code snippets

ES6 语法智能提示及快速输入,不仅仅支持 .js,还支持.ts,.jsx,.tsx,.html,.vue
在这里插入图片描述

Vue 多功能集成插件

插件名称:Vetur

语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode 官方钦定 Vue 插件,Vue开发者必备

在这里插入图片描述

智能提示

插件名称:Npm Intellisense

npm 装包后,require 时的包智能提示,import 语句中自动填充 npm 模块
在这里插入图片描述

Git专用

插件名称:GitLens

快捷方便查看 Git 日志,高频使用 Git 者必备 使用链接
在这里插入图片描述


点击全文阅读


本文链接:http://zhangshiyu.com/post/27655.html

插件  代码  提示  
<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1