编辑器插件和一些工具汇总

之前用的一直是Sublime Text，因为觉得字体和代码高亮看着非常舒适也就一直用了。后来，看到了网上很多有关于VS Code的文章，VS Code由微软出品，而且支持跨平台，插件丰富。所以自己也去体验了一番，使用下来感觉实在太棒了！😎
我的自建博客地址

美化类插件

✨vscode-icons

Bring icons to your Visual Studio Code

给你的VS code添加图标

这便是安装后的icons了！

🎨Panda Theme

个人认为是一款非常好看的主题！官方文档是这么说的，请自行感受下：

A Superminimal, dark Syntax Theme. This is the latest version of the Panda Syntax theme. It's a dark syntax theme crafted especially for Visual Studio Code [New Version], with subtle colors that are meant to be easy on the eyes.

🔮Beautify

Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.

美化你的代码，一键格式化用起来实在是太赞了，直接解决了我们的代码空格缩进问题，再也不用一个一个去调了。

🎈Bracket Pair Colorizer

用颜色来标识匹配的括号。每个括号有着自己对应的颜色！！！

提升效率类插件

🎐HTML CSS Support

在 html 标签上写class 智能提示当前项目所支持的样式（必备）

🎢Path Intellisense

文件路径自动补全

🚄Auto Close Tag和Auto Rename Tag

自动补全HTML标签和自动重命名HTML标签

👓CSS Peek

This extension extends HTML and ejs code editing with Go To Definition and Go To Symbol in Workspace support for css/scss/less (classes and IDs) found in strings within the source code.

🎫open in browser

通过编辑器打开HTML文件

📜markdownlint

帮助你编辑markdown的插件

小工具

Snipaste-点击进入中文官网

超级方便的截图+贴图应用，点击F1便开始截图，顺便附上操作文档，助你成为“截图大神”😀

LICEcap-点击进入官网

本文GIF的制作工具，也是，嗯对，你懂的，好用。

特效插件-Power Mode

描述：

Power Mode is one of the most requested extensions for VS Code. Unfortunately, they said it couldn't be done... However, after seeing this list and realizing that VS Code was the only modern editor without it, I knew I had to try. I couldn't let VS Code live in the shadow of its big brother or Atom.

I present you, VSCODE POWER MODE!!! (now with atom-like explosions!)

安装方法：

  1. 点击“文件”
  2. 点击“首选项”
  3. 点击“设置”
  4. 在图中所示位置加入以下代码后“CTRL+S”保存
    "powermode.enabled":true,        //是否启用power mode
    "powermode.enableShake": false,  //桌面是否震动
    "powermode.presets": "exploding-rift" //power mode的样式

参考链接：

posted @ 2018-09-15 19:54  星腾  阅读(697)  评论(0)  编辑  收藏  举报