资讯专栏INFORMATION COLUMN

VSCODE常用插件使用记录

tracy / 1718人阅读

摘要:常用必备让资源树目录加上图标,必备良品自动路劲补全,默认不带这个功能的格式化代码使用指南按然后输入选择你要格式的文件类型格式后丰富的日志插件让括号拥有独立的颜色,易于区分。可以配合任意主题使用。

常用必备: 1.vscode-icon
 让 vscode 资源树目录加上图标,必备良品!

2.Path Intellisense
 自动路劲补全,默认不带这个功能的
3.beautify
 Beautify css/sass/scss/less 
 react-beautify 
 格式化代码 
 使用指南:按F1,然后输入bea—>选择你要格式的文件类型 js/css/html



格式后:

4.GitLens
丰富的git日志插件

5.Bracket Pair Colorizer
 让括号拥有独立的颜色,易于区分。可以配合任意主题使用。

6.Auto Close Tag
自动闭合HTML标签
7.TODO Parser
TODO 管理 
可以列出在注释中写入的所有TODO事项

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

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

可以搜索项目中的所有todo。

8.Color Info
小窗口显示颜色值,rgb,hsl,cmyk,hex等等

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

![图片描述][10]
Vue插件
以下推荐vue框架所需的插件
1.vetur
语法高亮、智能感知、Emmet等

React 插件 1.React Native Tools
语法高亮,代码调试

官网说明
主题
##1.Dark-Dracula Theme

我觉得这款醉好看(●’◡’●)

MarkDown工具
   1.markdown 预览preview
     Markdown Preview Github Styling

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

当然如果你想打开md文件自动就能预览,可以再下个插件:

Auto-Open Markdown Preview

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

具体使用可见官方说明

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/51766.html

相关文章

  • VSCODE常用插件使用记录

    摘要:常用必备让资源树目录加上图标,必备良品自动路劲补全,默认不带这个功能的格式化代码使用指南按然后输入选择你要格式的文件类型格式后丰富的日志插件让括号拥有独立的颜色,易于区分。可以配合任意主题使用。 常用必备: 1.vscode-icon 让 vscode 资源树目录加上图标,必备良品! showImg(https://segmentfault.com/img/bV22ed?w=295...

    winterdawn 评论0 收藏0
  • VSCODE常用插件使用记录

    摘要:常用必备让资源树目录加上图标,必备良品自动路劲补全,默认不带这个功能的格式化代码使用指南按然后输入选择你要格式的文件类型格式后丰富的日志插件让括号拥有独立的颜色,易于区分。可以配合任意主题使用。 常用必备: 1.vscode-icon 让 vscode 资源树目录加上图标,必备良品! showImg(https://segmentfault.com/img/bV22ed?w=295...

    zhunjiee 评论0 收藏0
  • react开发vscode插件推荐

    摘要:开发插件推荐原文地址由于本人主要是做开发,用的代码编辑器是传说中的宇宙第一前端神器所以在这里记录并推荐一些本人开发过程中常用的一些插件帮助开发。最后的最后,我只想说,强无敌,大法好我自己日常开发中使用的扩展 react开发vscode插件推荐 原文地址:https://github.com/xieqingtia... 由于本人主要是做react开发,用的代码编辑器是传说中的宇宙第一前端...

    Miracle_lihb 评论0 收藏0

发表评论

0条评论

tracy

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<