原文地址:推荐好用的前端工具
都是自己在用的,后续发现会继续补充
chrome插件(需要翻墙访问安装)
-
掘金
为程序员、设计师、产品经理每日发现优质内容, 在新标签页展示聚合内容 -
Vue.js devtools
用于调试Chrome和Firefox上的vue项目的工具 -
Octotree
树形展示 Github 项目代码, 使你在github查看项目时可以清晰明了的看到项目的结构以及具体代码 -
Adblock Plus 免费的广告拦截程序,享受没有烦人广告的网络世界
-
Momentum
打开新标签页时以高清美图展示背景页,并可以设置每日代办事项等内容
主要是打开新标签不再是一个空白页,视觉上也得到了享受,图片会每天更新
这个插件跟上面第一个插件掘金有冲突,看自己选择 -
百度网盘提速下载
不用打开百度网盘客户端,不用充值会员,可以网页直接下载内容并且加速下载内容
安装比较麻烦,但是作者提供了详细的安装使用教程
工具类
-
录屏转动图
小巧方便的录屏转动图工具,点击上面的地址直接下载使用 -
API查询-devdocs
在线查询各种前端相关框架或者语言的api
比如查询array,会列出array的各种方法和使用示例 -
JSON在线编辑器
在线json转换,方便查看数据结构和查找字段 -
前端在线编辑-CodePen
在线调试前端代码和查看代码效果
看到别人给的代码示例但看不到效果,没办法操作?直接拷贝代码到CodePen查看效果 -
在线绘图工具-ProcessOn
在线绘制各种流程图 -
百度脑图
在线绘制脑图 -
颜色表
列出各种颜色的十六进制,RGB 和英文代码 -
颜色在线工具
在线颜色选择器,选出自己想要的颜色
Visual Studio Code插件
-
GitLens — Git supercharged
可以查看git每一行代码的提交日志包含提交人 -
Auto Rename Tag
自动重命名html标签,如修改<a>
为<b>
,将自动修改结尾标签</a>
为</b>
-
Bracket Jumper
自动匹配括号类 -
Auto Close Tag
自动补全html闭合标签 -
Path Intellisense
在编辑器中输入路径时,自动补全 -
Auto Import
自动导入包 -
Auto Import - ES6 & TS
-
Auto Import for Javascript
-
Bracket Pair Colorizer
颜色标识匹配的括号 -
Chinese (Simplified) Language Pack for Visual Studio Code
vs code的中文包 -
Code Spell Checker
单词检查 -
Color Highlight
颜色值在代码中高亮显示 -
ESLint
语法检查 -
language-stylus
Stylus语法高亮和提示 -
markdownlint
Markdown格式提示 -
Vetur
目前比较好的Vue语法高亮