一位多年老前端的工具集合

移动开发
找到好的工具和插件会在这里持续更新,方便收藏的童鞋回溯。希望更多的童鞋能够把你工作上的用到的工具分享给大家!

[[151822]]

切图类插件

作为页面仔,自己的ps没有一个好的插件怎么能行呢。

预处理器和后处理器

处理器

编译工具

编译工具中我常用到的gulp,所以都是依赖gulp插件的。如果你是使用别的自动化工具的话,可以去npm package官网上寻找你要的插件。

CSS 在线生成工具

在线的css3工具,作为学习和编写css特效项目有很大的帮助。尤其是css3动画的制作。

自动化工具

自动化工具用来安装依赖和构建项目,能够很方便的处理那些繁琐的事情如:压缩、打包、编译等。

调试工具

  • Browsersync

  • 微信调试工具

  • BrowserStack Local 一款要收费的chrome插件,提供许多许多版本的浏览器可以测试(远程开虚拟机,然后我们在浏览器里面可以看到)。还支持一些安卓和ios模拟器的查看(也有免费的可以用,不过可用的浏览器就很少了)。

  • WEB前端助手(FeHelper) 也是一款chrome的插件,功能的话可以点开链接看看。

调试工具可以解放我们的f5键和能够更加方便的在手机上调试。大大提高生产力!

Sublime 插件

建议大家把自己的package都上传到github或者coding之类的代码托管平台,以后换电脑的时候就再也不用重新的去安装那些插件了。

其他

***

作为一个页面仔,很需要有工具去辅助自己开发。例如:处理器、自动化工具、调试工具等。随着自己的负责的项目越来越大,更需要这些工具去处理那些繁琐的事情,让我们能够更加专注的去写代码。

责任编辑:chenqingxiang 来源: 网络整理
相关推荐

2019-04-11 18:31:29

面试开发架构

2018-05-29 19:39:26

IT经验技术

2019-09-19 10:23:18

编程手机微信

2009-05-14 09:37:29

博士求职面试

2017-01-23 14:30:23

数据科学家数据分析工具

2021-10-13 10:46:11

深信服

2013-08-22 14:26:22

2013-07-12 09:24:51

技术经理项目经理

2015-11-19 14:48:01

LinuxLinux容器虚拟机

2013-05-09 09:50:11

2016-04-27 10:25:44

产品腾讯看法

2013-12-05 13:41:15

女程序员奋斗

2009-06-02 13:24:45

工程师忠告职场

2015-11-18 19:03:27

开发者Linux容器

2013-10-28 11:06:19

SDN理解

2011-06-23 08:40:27

2021-03-18 16:02:43

区块链数字货币

2021-07-05 08:30:18

阿里技术工程师

2020-05-27 15:19:58

戴尔

2009-07-29 15:55:30

ScalaTwitter工程师
点赞
收藏

51CTO技术栈公众号