VSCODE经常使用插件使用记录

经常使用必备:

1.vscode-icon

让 vscode 资源树目录加上图标,必备良品!

图片描述

2.Path Intellisense

自动路劲补全,默认不带这个功能的

3.beautify

Beautify css/sass/scss/less 
 react-beautify 
 格式化代码 
 使用指南:按F1,而后输入bea—>选择你要格式的文件类型 js/css/html

图片描述
图片描述
格式后:
图片描述css

4.GitLens

丰富的git日志插件

图片描述

5.Bracket Pair Colorizer

让括号拥有独立的颜色,易于区分。能够配合任意主题使用。

图片描述

6.Auto Close Tag

自动闭合HTML标签

7.TODO Parser

TODO 管理 
能够列出在注释中写入的全部TODO事项

使用指南: 在注释中写TODO:[注意必须大写]TODO后面便是你规划的要作的内容

图片描述

而后点击下面的按钮 
控制台就会输出你的todo列表

图片描述

能够搜索项目中的全部todo。html

8.Color Info

小窗口显示颜色值,rgb,hsl,cmyk,hex等等

图片描述

将光标移在颜色值中,还有拾色的功能

![图片描述][10]

Vue插件

如下推荐vue框架所需的插件

1.vetur

语法高亮、智能感知、Emmet等

图片描述

React 插件

1.React Native Tools

语法高亮,代码调试

官网说明

主题

##1.Dark-Dracula Theme

我以为这款醉好看(●’◡’●)
图片描述vue

MarkDown工具

1.markdown 预览preview
     Markdown Preview Github Styling

图片描述

使用指南:打开md文件右边都有一个预览按钮以下

图片描述

固然若是你想打开md文件自动就能预览,能够再下个插件:react

Auto-Open Markdown Previewgit

2.markdown 快速编辑
    Markdown All in One      提供了不少快捷键,加粗等

具体使用可见官方说明sass

相关文章
相关标签/搜索