前端开发工具收集

本文精选了一系列前端开发必备工具,包括代码补全神器Emmet、格式美化工具HTML-CSS-JS Prettify、自动格式化插件JsFormat等。此外还推荐了Sublime Text的多个实用插件及命令行、文档工具,旨在提升前端开发效率。

sublime

  1. Emmet 前端代码补全神器

  2. ConvertToUTF8 被 GBK 折磨过人,请装这个

  3. HTML-CSS-JS Prettify 代码洁癖的救星

  4. JsFormat 自动格式化 js ,我自己的配置如下(针对 es6 和 jsx 做的配置)。

    {
        "e4x": true,
        // jsformat options
        "format_on_save": true,
        "format_on_save_extensions": ["js", "json", "jsx"],
        "brace_style": "collapse-preserve-inline"
    }
  1. JavaScript Snippets

js 的代码补全,类似输入 log 就可以补全,个人习惯。

  1. SublimeLinter

代码风格检查工具,配合专门的 jshint 和 eslint 插件即可。如果你写其他语言直接装相关语言的插件即可。

  1. Bracket Highlighter

代码太长找不准到底 { 和那一个 } 对应,就装这个把。

  1. AutoFileName

文件路径补全

chrome 相关插件

  1. Postman 非常酷炫的测试接口工具

  2. JSON Editor 用于格式化 JSON

  3. Pocket 个人使用的 read it later 类型插件

监控 http 请求

  1. windows 推荐 fiddler

  2. mac 推荐 charles

命令行工具

  1. windows 推荐 cmder

  2. mac 推荐 iterm + oh-my-zsh 谁用谁知道

文档工具

  1. windows 最近出了一个开源的 zeal

  2. mac 当然就是 dash 了

期待有大神来补充

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值