找到好的工具和插件会在这里持续更新,方便收藏的童鞋回溯。希望更多的童鞋能够把你工作上的用到的工具分享给大家!
切图类插件
作为页面仔,自己的ps
没有一个好的插件怎么能行呢。
预处理器和后处理器
处理器
编译工具
gulp-sourcemaps 用来在浏览器中调试自己写的
less\sass\stylus
,能够准确在开发中工具定位。koala 不想使用
gulp\grunt
等自动化工具来编译的话,可以使用这个,全平台支持。
编译工具中我常用到的gulp
,所以都是依赖gulp
插件的。如果你是使用别的自动化工具的话,可以去npm package
官网上寻找你要的插件。
CSS 在线生成工具
在线的css3
工具,作为学习和编写css
特效项目有很大的帮助。尤其是css3
动画的制作。
自动化工具
自动化工具用来安装依赖和构建项目,能够很方便的处理那些繁琐的事情如:压缩、打包、编译等。
调试工具
BrowserStack Local 一款要收费的
chrome
插件,提供许多许多版本的浏览器可以测试(远程开虚拟机,然后我们在浏览器里面可以看到)。还支持一些安卓和ios
模拟器的查看(也有免费的可以用,不过可用的浏览器就很少了)。WEB前端助手(FeHelper) 也是一款
chrome
的插件,功能的话可以点开链接看看。Visual Event 一款用来查看页面上使用了
jQuery
绑定事件的元素,能够很详细的看到在哪个文件的哪一行。Rosin Alloyteam 出款的一个移动端调试利器!
调试工具可以解放我们的f5
键和能够更加方便的在手机上调试。大大提高生产力!
Sublime 插件
我的 Sublime Text 必备插件 列出了一些常用的插件以及安装和使用的方法,适合第一次使用的童鞋。
建议大家把自己的package
都上传到github
或者coding
之类的代码托管平台,以后换电脑的时候就再也不用重新的去安装那些插件了。
其他
caniuse-cmd 知道 caniuse 的童鞋都懂。
最后
作为一个页面仔,很需要有工具去辅助自己开发。例如:处理器、自动化工具、调试工具等。随着自己的负责的项目越来越大,更需要这些工具去处理那些繁琐的事情,让我们能够更加专注的去写代码。
如果你有更好的工具,能够有效的提高的自己的开发效率。请在评论中告知我!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。