前端实用效率工具(插件、APP等)

目录：

1. 好用APP
2. Chrome插件
3. 编辑器插件

1.好用APP

（1）SourceTree

清晰明了的一个git项目管理工具。记录每次commit的作者时间和修改文件。好用！

（2）MarkMan

下载一个免费版本的就可以方便取色 和计算px。

（3）Recents

最近打开的文件，照片，ppt等。

（4）Iterm2

其实我也没怎么用，一般编辑器里面打开终端了，不过常规推荐一下2333。

2.Chrome插件

（1）JSONView

后端接口可视化！清晰明了。安好插件以后，直接在浏览器里面打开后端链接就展示如下：

（2）掘金

安装好掘金的Chrome插件以后，新建标签页就会变成这样，就平时打开看掘金很方便！

（3）下载+

顾名思义，在Chrome里面下载的内容能找到

（4)Vue.js devtools

特别是页面有vuex以后，必不可少啊！

（5)Octotree

github上面看代码的神器！

（6)谷歌翻译

（7)CSSViewer

（7)Moesif CORS：跨域插件

3.编辑器插件

因为我自己是用的vscode，所以也就推荐一下vscode插件~

（1)Auto Close Tag

安装即可用，输入div会自动补齐</div>

（2)Auto Rename Tag

安装即可用，例如将<div></div>的第一个div修改成span,第二个会自动变成span

（3)GitLens

鼠标放在代码上，就会显示代码的作者，提交日期等信息。例如

（4)Debugger for Chrome

在vscode里面加断点，在Chrome里面运行。（我虽然装了但还没试过2333）

（5)Todo Highlight

输入“// TODO: ” 自动高亮

（6)Bracket Pair Colorizer

对应括号显示同样的颜色，以防我们搞混括号配对。

（7)Path Autocomplete

路径补全

（8)Git History

看当前选中文件的修改历史。甩锅必备

最后，再推荐两个美丽的颜色网站

http://nipponcolors.com/

http://zhongguose.com/