VS Code 好用的插件

作为一名FE Coder,一个好用的编辑器是在是太重要了。入职之后一直使用VS Code这个编辑器,感觉就是比sublime沉重了好多,但是比webstorm轻便了好多,反应速度也一直不错,就一直用下来了,跟sublime、Atom比git功能好棒啊!
现在分享一下我用的插件吧,感觉还是挺实用的。

下载量截止至发布时间

  • Auto Close Tag
    • Description: Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does. 自动补全HTML/XML标签,减少50%的工作量!
    • Download:878,716
    • Show:
  • Auto Rename Tag
    • Description: Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.自动更改HTML/XML标签,不需要再进行二次修改,减少50%的工作量!
    • Download:355,689
    • Show:
  • Path Intellisense
    • Description: Visual Studio Code plugin that autocompletes filenames.文件路径自动补全!!
    • Download:557,505
    • Show:
  • Bracket Pair Colorizer
    • Description: This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.自动标识相匹配括号的颜色,有利于区分,webstorm的默认功能,VS Code里需要单独安装!
    • Download:217,084
    • Show:
  • vscode-ext-color-highlight
    • Description: This extension styles css/web colors found in your document.好看的颜色展示哦~
    • Download:134,428
    • Show:
  • Emoji Code

    • Description: Snippets to insert escaped Emoji code into HTML, CSS, JavaScript/CoffeeScript/TypeScript/LiveScript, Python and Ruby.键入ji:,自动添加emoji代码,程序猿自娱自乐的一个东西吧,哎~
    • Download:15,601
  • vscode-fileheader

    • Description: Add notes to the file header, and supports automatic update file modification time.快捷键ctrl+alt+i在文件开头自动输入作者信息和修改信息等内容,感觉在给自己加戏😆~
    • Download:15,036
    • Show:

下面是一些也挺有趣的插件,就不一一展示了,但是装上很有趣哦,列在这里~

  • vscode-background
    • 一定看到我编辑器背景的开心了,每次看到都暖暖的呢~这个插件文档很详尽了,有问题看文档就行
  • VSCode - Babel
    • 支持ES6和ES7的语法
  • js-beautify for VS Code
    • 除自带的format功能外自带的美化代码的插件
  • VS Code - Debugger for Chrome
    • 官方的描述很精准:Debug your JavaScript code running in Google Chrome from VS Code.
  • Git History
    • 大名鼎鼎的git history就不必多说了,设置快捷键体验更加哦~
  • VS Code ESLint extension
    • 同样大名鼎鼎的还有ESLint...也不必多说了
  • Visual Studio Code HTML Snippets,VS Code JavaScript (ES6) snippets,React-Redux ES6 Snippets for Visual Studio Code
    • FE Coder的福音,多看看文档可提高编码效率✌️

最后值得一提的是这次试用的GIF录屏软件,LICEcap,小巧轻便,使用简单,赞!
好,就说这么多了,日后有空再把相关的内容补上。看着我的开心撸码去啦🎉

未完待续
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容