We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
最近老是在重装系统，每次重装就要重新配置环境，安装软件，安装插件。每次重装的时候，都不知道自己以前到底用过什么软件插件。所以，还是写一篇文章记录下来，顺便和大家分享一下我的开发环境吧。
sublime text是最方便，也是开发的时候用的最多，也是我认为最丑的编辑器。但是，轻量级和快速启动把我给打动了。 我的 sublime 装好了的插件有： 插件篇：
a file icon 美化插件。可以更清楚了解每个文件的类型，一目了然。
autofilename 辅助插件。可以方便的引入目录的文件，可以是相对路径 ./ 也可以是绝对路径 /home/。
./
/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主题。支持自定义，主题很多的色彩都支持自定义颜色，编辑器的配色想怎么搭就怎么搭，任性。
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 右侧的小地图，再也回不来了。所以这个插件，必装。
没错，还是这俩货，没办法，用来用去，还是这两个主题最耐看。
配色我一般都是用 monokai。
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项目中，无需逐个文件点开，只需要在左侧栏中，以文件树形展开，更加方便查找文件。
Code tree for GitHub
ProxySwitchyOmega 轻松快捷地管理和切换多个代理设置。不多说了。
Tampermonkey 油猴脚本。神一般的存在，大家可以去淘一些牛逼哄哄的插件。我用到的就百度云和去广告。
The QR Code Extension 一键将当前网址生成二维码。在调试移动端需要用真机打开时，就不需要手动一个个的去敲。
Vue.js devtools vue 单页面应用开发必备调试神器。
以上就是我平时在开发中最常用的插件，如果大家也有各种好用的插件，欢迎在底下的评论中分享。
The text was updated successfully, but these errors were encountered:
No branches or pull requests
最近老是在重装系统，每次重装就要重新配置环境，安装软件，安装插件。每次重装的时候，都不知道自己以前到底用过什么软件插件。所以，还是写一篇文章记录下来，顺便和大家分享一下我的开发环境吧。
1. 编辑篇
1. sublime text3
sublime text是最方便，也是开发的时候用的最多，也是我认为最丑的编辑器。但是，轻量级和快速启动把我给打动了。
我的 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 装好了的插件有：
插件篇：
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 单页面应用开发必备调试神器。
结语
以上就是我平时在开发中最常用的插件，如果大家也有各种好用的插件，欢迎在底下的评论中分享。
The text was updated successfully, but these errors were encountered: