VS Code 好用的插件

作者: cyuamber | 来源:发表于2017-11-14 12:40 被阅读291次

    作为一名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,小巧轻便,使用简单,赞!
    好,就说这么多了,日后有空再把相关的内容补上。看着我的开心撸码去啦🎉

    未完待续

    相关文章

      网友评论

        本文标题:VS Code 好用的插件

        本文链接:https://www.haomeiwen.com/subject/lcazmxtx.html