插件分享大会[不定期更新]

2017-07-07 115


1. 编辑篇

1. sublime text3

sublime text是最方便,也是开发的时候用的最多,也是我认为最丑的编辑器。但是,轻量级和快速启动把我给打动了。 sublime 我的 sublime 装好了的插件有: 插件篇:

  • a file icon 美化插件。可以更清楚了解每个文件的类型,一目了然。

  • autofilename 辅助插件。可以方便的引入目录的文件,可以是相对路径 ./ 也可以是绝对路径 /home/

  • autoprefixer 辅助插件。一键填充CSS3的兼容性。

  • docblockr 辅助插件。一键生成文档,开发的小伙伴必装插件。

  • emmet 开发插件。前端开发神器,不用多解释了吧?

  • git 辅助插件。听说是git的神器,但是没怎么用过,git我都是用source tree的。

  • HTMLBeautify 辅助插件。一键美化HTML文档。

  • JavaScript completion 辅助插件。js的提示,超级详细,超级好用。

  • jQuery 辅助插件。jq的提示,语法很全。

  • jsformatter 辅助插件。一键可以将js格式化。

  • SFTP 上传插件。这是我一直坚持着用sublime开发的理由。因为基本只有这个插件,才可以设置一个文件夹下三个项目能分别传到不同的服务器中。而vscode和atom的插件却只能以一个项目一个项目的上传。支持FTP, SFTP, FTPS等。

主题篇:

  • Material Theme Material主题。多种颜色可以选择,超级漂亮。如果是Ubuntu+flat主题,sublime用material会和整个系统很搭。

  • SetiUI seti主题。是一个很养眼,很抢眼的主题,色彩搭配都很赞。也是使用频率比较高的主题之一。

  • boxy theme boxy主题。支持自定义,主题很多的色彩都支持自定义颜色,编辑器的配色想怎么搭就怎么搭,任性。

2. Atom

atom我一般都是用来写写非公司项目,都是写自己的项目比较多。因为atom颜值高,提示全,插件相对比较好装,然后又懒得污染了工作的区间,所以用了atom来写自己的项目。 atom 我的 atom 装好了的插件有:

插件篇:

  • SFTP-deployment 上传插件。功能和 sublime 的 sftp 插件类似,但是这个插件的上传是根据当前 atom 打开项目而并非当前文件所在的项目。

  • activate-power-mode 装逼插件。就是在敲键盘的时候,屏幕会抖动(抖动我都是关闭的,晃眼),光标会炸裂出很多的方块,效果炫酷。我一般都是关闭抖动,关闭combo,打开炸裂。这样技能保证炫酷,又不会太晃眼(该插件比较吃性能,低性能的机子需谨慎)。

  • atom-beautify 美化插件。能美化大部分常见的语言(PHP好像要安装另外的插件支持)很实用的一个插件。

  • atom-clock 辅助插件。只是在右下角显示当前时间。用 Mac 全屏的话,经常不知道时间,现在一个插件搞掂。

  • atom-formatter-jsbeautify 美化插件。专门格式化js、jsx、json、sass、css等前端语言的插件。

  • atom-live-server 辅助插件。一键启动一个静态服务器的插件,相当于配置好的 anywhere + livereload ,打开就能用,保存就自动刷新。支持多个端口打开。

  • atom-ternjs 辅助插件。前端js提示神器。

  • autocomplete-paths 辅助插件。和 sublime 的 autocomplete 功能一样,能自动补全文件路径。

  • autoprefixer 辅助插件。和 sublime 的 autoprefixer 功能一样,能自动生成兼容性css代码。

  • docblockr 辅助插件。和 sublime 的 docblockr 功能一样,能一键生成注释文档。

  • emmet 辅助插件。emmet 神器。

  • file-icons 美化插件。美化各个文件的图标,一目了然。

  • git-plus 辅助插件。听说是git的神器,但是没怎么用过,git我都是用source tree的。

  • minimap 辅助神器。用惯了 sublime 右侧的小地图,再也回不来了。所以这个插件,必装。

主题篇:

  • Material Theme Material主题。多种颜色可以选择,超级漂亮。如果是Ubuntu+flat主题,sublime用material会和整个系统很搭。

  • SetiUI seti主题。是一个很养眼,很抢眼的主题,色彩搭配都很赞。也是使用频率比较高的主题之一。

没错,还是这俩货,没办法,用来用去,还是这两个主题最耐看。

配色我一般都是用 monokai。

3. Chrome

chrome 我感觉是最适合前端开发的浏览器,而且无论是在 macOS , Linux, Windows下表现都是很好的,而且只要登录了Google账号,还能直接同步你的插件,你的浏览记录,到所有终端。最吸引用户的,肯定是 Chrome 中那数量巨大的插件了。

  • ad block 没有plus, 拦截广告很好使。有时候上一些奇奇怪怪的网站,一样能保持清爽。

  • adfree.player.online 这是一款专业屏蔽视频广告的扩展。 至于效果嘛,用 Mac 看视频好像似乎本来就没多少广告。

  • Axure RP Extension for Chrome 看原型用得。

  • GitHub Hovercard 在全球最大的同性交友网站(GitHub)中,只要鼠标悬停到一个GitHub 项目上时,就会在一个弹窗显示该项目的信息。这个插件可以在搜索的时候,快速过滤不必要的项目,很实用

  • Isometric Contributions 也是GitHub的插件,能更加直观的看出来你提交的频次。(此处要捂脸)

  • JSON-handle json格式化的插件,当访问一个返回json格式的 API 时,该插件就会将该json格式化,并且以一种友好的交互方式呈现给用户。调试 API 必备。

  • Just a Clock - the Hours / Just a Clock - the Minutes 时间插件。还是因为工作时都是双屏+应用全屏开发,因此会经常看不到时间,so。。

  • Octotree Code tree for GitHub,作用就是,在一个GitHub项目中,无需逐个文件点开,只需要在左侧栏中,以文件树形展开,更加方便查找文件。

  • ProxySwitchyOmega 轻松快捷地管理和切换多个代理设置。不多说了。

  • Tampermonkey 油猴脚本。神一般的存在,大家可以去淘一些牛逼哄哄的插件。我用到的就百度云和去广告。

  • The QR Code Extension 一键将当前网址生成二维码。在调试移动端需要用真机打开时,就不需要手动一个个的去敲。

  • Vue.js devtools vue 单页面应用开发必备调试神器。

结语

以上就是我平时在开发中最常用的插件,如果大家也有各种好用的插件,欢迎在底下的评论中分享。


共 0 条评论