V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jaywcjlove
V2EX  ›  前端开发

工具武装的前端开发工程师

  •  
  •   jaywcjlove ·
    jaywcjlove · 2016-07-18 16:39:39 +08:00 · 3398 次点击
    这是一个创建于 2810 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Awesome Mac

    jaywcjlove/sb

     这个主要是收集非常好用的 Mac 应用程序、软件以及工具,主要面向开发者和设计师。有这个想法是因为我最近发了一篇较为火爆的涨粉儿微信公众号文章《工具武装的前端开发工程师》,于是建了这么一个仓库来持续更新作为补充,搜集更多好用的软件工具,欢迎去这个仓库,告诉我好用的软件,就是这个 Github 仓库,存放着诸多藏品

    图标说明

    Open-Source Software 表示开源软件,点击进入开源仓库
    ![Freeware][Freeware Icon] 表示免费使用,或者个人免费

    编辑器

    一种用于编辑纯文本文件的程序,建议使用免费开源的编辑

    • Sublime Text 3 - 一个比较简洁大方带插件管理系统的流行编辑器。![Freeware][Freeware Icon]
    • Atom - Github 推出的开源编辑器。Open-Source Software ![Freeware][Freeware Icon]
    • Brackets - Adobe 推出的 Brackets 免费 /开源编辑器。Open-Source Software ![Freeware][Freeware Icon]
    • Visual Studio Code - 微软推出的免费 /开源编辑器, TypeScript 支持杠杠的。Open-Source Software ![Freeware][Freeware Icon]
    • Emacs - Emacs 是基于控制台的编辑器和高度可定制的。
    • TextMate - 是 Mac 下的著名的文本编辑器软件,与 BBedit 一起并称苹果机上的 emacs 和 vim 。![Freeware][Freeware Icon]
    • BBEdit - 强大的文件编辑器,用于编辑文件,文本文件及程序源代码。
    • Coda2 - 编写 Web 应用长得漂亮的编辑器。
    • Vim - Vim 古老命令行中使用的编辑器。![Freeware][Freeware Icon]
      • Vundle.vim - 使用 vim 开发前端的利剑,包括其他语言;Open-Source Software ![Freeware][Freeware Icon]
      • vim-web - 使用 vim 开发前端的利剑,包括其他语言;Open-Source Software ![Freeware][Freeware Icon]
    • Vimr - Vim 客户端,升级 Vim 体验。Open-Source Software ![Freeware][Freeware Icon]
    • HBuilder - HBuilder 是 DCloud (数字天堂)推出的一款支持 HTML5 的 Web 开发 IDE 。![Freeware][Freeware Icon]
    • Webstorm - 是 jetbrains 公司旗下一款 JavaScript 开发工具。
    • Deco IDE - React Native IED 支持控件拖拽界面实时变更。Open-Source Software ![Freeware][Freeware Icon]

    开发者工具

    • WeFlow - 一个基于 tmt-workflow 前端工作流的开发工具。 Open-Source Software ![Freeware][Freeware Icon]
    • Hosts.prefpane - 编辑 hosts 文件的工具。 Open-Source Software ![Freeware][Freeware Icon]
    • Gas Mask - 编辑 hosts 文件的工具,更简单方便。 Open-Source Software ![Freeware][Freeware Icon]
    • DiffMerge - 可视化的文件比较(也可进行目录比较)与合并工具。![Freeware][Freeware Icon]
    • Kaleidoscope - 一款很强大的文本文件和图像比较工具,同时和 git 、 svn 等版本控制工具能够完美的结合。
    • Koala - 预处理器语言图形编译工具,支持 Less 、 Sass 、 CoffeeScript 、 Compass framework 的即时编译。Open-Source Software ![Freeware][Freeware Icon]
    • Fanvas - 把 swf 转为 html5 canvas 动画的系统Open-Source Software
    • EnvPane - 图形终端查看环境变量的应用工具 Open-Source Software ![Freeware][Freeware Icon]
    • Dash - 强大到你无法想象的 AIP 离线文档软件。![Freeware][Freeware Icon]
    • Quiver - 程序猿的笔记本。
    • Dlite - 简单的使用 Docker 的一个软件。Open-Source Software ![Freeware][Freeware Icon]
    • SnippetsLab - 管理和组织你的代码片段。
    • StarUML - 强大的软件建模软件。
    • Vagrant Manager - 管理你本地服务。Open-Source Software ![Freeware][Freeware Icon]

    正则编辑器

    测试工具

    • Charles - 一个代理工具,允许你查看所有的 HTTP 和 HTTPS 流量。![Freeware][Freeware Icon]
    • Insomnia 3.0 - 漂亮的 HTTP 请求测试工具。![Freeware][Freeware Icon]
    • Cocoa Rest Client - 比 PostMan 看起来漂亮的客户端,测试 HTTP/RESET endpoints 。Open-Source Software ![Freeware][Freeware Icon]
    • Paw - The ultimate REST client.
    • Integrity - 轻松找到无效链接。 ![Freeware][Freeware Icon]
    • Postman - Postman 帮助我们快速测试 API![Freeware][Freeware Icon]

    命令行工具

    • iTerm2 - 免费的的终端工具,直接替代自带的 Terminal ,有非常多惊人的特性。Open-Source Software ![Freeware][Freeware Icon]
    • Oh my zsh - 拥有大量的有用的功能,助手,插件,主题,等特性的命令行工具插件。Open-Source Software ![Freeware][Freeware Icon]
    • Glances - 在命令行中查看你系统运行状态的工具。 Open-Source Software ![Freeware][Freeware Icon]
    • Cakebrew - Homebrew 的客户端软件。摆脱命令方便安装、查看、卸载软件。 Open-Source Software ![Freeware][Freeware Icon]

    版本控制

    • Git - 版本控制工具,官网提供数十种 GUI 客户端 for Mac 。 Open-Source Software ![Freeware][Freeware Icon]
    • SVN - 版本控制工具。 ![Freeware][Freeware Icon]

    GUI

    • Gitbar - 开源,在你的菜单栏上显示 Github 贡献统计 Open-Source Software ![Freeware][Freeware Icon]
    • GitHub Desktop - 使用 Github 的 GUI 应用![Freeware][Freeware Icon]
    • GitUp - 一个简单单功能强大的 git 客户端。Open-Source Software ![Freeware][Freeware Icon]
    • Hub - 将 GitHub 接口和 git 命令进行包装。Open-Source Software ![Freeware][Freeware Icon]
    • SourceTree - 强大的 Git 夸平台客户端。![Freeware][Freeware Icon]
    • Tower2 - 最强大的 Git 客户端。
    • Versions - Mac 上最好的 SVN 管理工具。
    • Cornerstone - Mac 上最佳的 SVN 管理工具。

    版本控制系统

    • GitLab 一个用于仓库管理系统的开源项目。![Freeware][Freeware Icon]
    • phabricator phabricator 支持 Git 、 Svn 、 HG 基于 PHP + Mysql 的开放源代码软件开发平台。![Freeware][Freeware Icon]
    • Gogs - 一款极易搭建的自助 Git 服务。 Open-Source Software ![Freeware][Freeware Icon]
    • Gerrit Gerrit 是一个免费、开放源代码的代码审查软件,使用网页界面。![Freeware][Freeware Icon]

    数据库

    • Sequel Pro - 一个 MySQL 数据库管理软件 Open-Source Software ![Freeware][Freeware Icon]
    • ElectroCRUD - MySQL 数据库 CRUD 应用程序 Open-Source Software ![Freeware][Freeware Icon]
    • Base 2 - 一个用于管理 SQLite 数据库的软件。Open-Source Software ![Freeware][Freeware Icon]
    • Postgres.app - Mac 上最简单的方法的使用 PostgreSQL 关系型数据库管理系统。 Open-Source Software ![Freeware][Freeware Icon]
    • PSequel - PostgreSQL 数据库 GUI 软件。 ![Freeware][Freeware Icon]
    • Robomongo - 基于 Shell 的 MongoDB 图形化客户端管理软件。 Open-Source Software ![Freeware][Freeware Icon]
    • Chrome MySQL Admin - 这个是一个 Chrome 插件,是 MySQL 开发的跨平台、可视化数据库工具。 Open-Source Software ![Freeware][Freeware Icon]
    • JackDB - 直接的 SQL 访问你所有的数据,无论在哪里。 Open-Source Software ![Freeware][Freeware Icon]

    设计和产品

    设计工具

    • Acorn - 一个像 PS ,全面的功能集的图像编辑器。
    • Affinity Designer - 矢量图像设计工具,可能的 Adobe Illustrator 的替代。
    • Affinity Photo - 光栅图像设计工具,可以替代 Adobe PS 图象处理软件。
    • Blender - 全功能可扩展的跨平台 3D 内容套件。 Open-Source Software ![Freeware][Freeware Icon]
    • Pixelmator - 强大的图像编辑器,可能 PS 图象处理软件的选择。
    • Sketch - 混合矢量 /位图布局应用,特别适用于用户界面,网络和移动设计。
      • Sketch Toolbox - 一个超级简单的 Sketch 插件管理器 Open-Source Software ![Freeware][Freeware Icon]

    原型流程

    超过两千字了,剩下的点击这里看全部推荐,还有重要的 star😄

    6 条回复    2016-07-18 18:07:55 +08:00
    pidsj
        1
    pidsj  
       2016-07-18 17:08:09 +08:00
    learnshare
        2
    learnshare  
       2016-07-18 17:15:29 +08:00
    Markdown 是最好的工具 http://xianbai.me/learn-md/
    jaywcjlove
        3
    jaywcjlove  
    OP
       2016-07-18 17:47:38 +08:00
    @pidsj 正在整合它
    jaywcjlove
        4
    jaywcjlove  
    OP
       2016-07-18 17:48:17 +08:00
    @learnshare 只希望是软件额在线的,额....
    learnshare
        5
    learnshare  
       2016-07-18 17:55:46 +08:00
    @jaywcjlove Marndown 本身就是工具。当然,各种 Markdown 也是工具。
    不是为了加入列表才发的 :P

    软件我就推荐 VS Code 吧
    jaywcjlove
        6
    jaywcjlove  
    OP
       2016-07-18 18:07:55 +08:00
    @learnshare 如果是编写 ReactNative 就是用 Atom 因为 Facebook 给他弄了个插件

    如果是其它 我一直使用 sublime
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1227 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 23:22 · PVG 07:22 · LAX 16:22 · JFK 19:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.