JZLeung/blog

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

Opened this issue · 0 comments

JZLeung commented

最近老是在重装系统，每次重装就要重新配置环境，安装软件，安装插件。每次重装的时候，都不知道自己以前到底用过什么软件插件。所以，还是写一篇文章记录下来，顺便和大家分享一下我的开发环境吧。

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 单页面应用开发必备调试神器。

结语

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