前端开发环境的工具与软件安装指南
每位前端开发者都有自己的工作环境和工具选择，因此我撰写这篇文章，记录自己常用的前端工具，以便在新的电脑上快速搭建熟悉的工作环境。也希望这篇文章能为你提供一些参考和帮助。
一、基础软件安装
1. node.js：前端开发的基石，许多工具都离不开它。
2. npm、cnpm、spm：用于包管理，可以更换为淘宝镜像以加速下载。
3. Ruby：git依赖项，同时msygit和SourceTree在Windows 7及以上版本也可使用。
4. gulp：常用前端自动化工具，下面将列出常用插件。
二、前端框架和预处理器
1. F.I.S（百度前端工具框架）、sass、less：用于前端开发，提升开发效率和代码质量。
2. git：版本控制工具，还有一款在XP、Win7上可用的图形界面工具。
三、常用工具列表
1. WebStrom：功能强大的IDE，已更新至第九版。
2. sublime_text、HBuilder：前端开发者的常用编辑器。
3. cmder：类似cmd的命令提示符，自带git版本。
4. koala考拉：Less、Sass、Compass、CoffeeScript的编译工具，免费。
5. Mark 马克鳗：设计图测量工具。
6. 小苹果服务器：手机调试专用，适用于Windows 7及以上版本。
7. F5：自动刷新浏览器插件。
8. Notepad++：文本编辑器。
9. Photoshop CS4/CS6：图像处理软件，PS插件可在设计优下载。
10. Adobe Dreamweaver CS4：用于写表格、制作热点图等。
11. CSS Sprites样式生成工具：用于生成CSS雪碧图。
12. WampServer、MyWebServer：用于搭建PHP环境服务器。
13. FlashFXP：FTP上传工具。
14. 各类浏览器插件：如Firebug、YSlow、JSONView等，用于前端开发调试。
四、其他软件工具
1. Flux：调整屏幕亮度，暖色调。
2. ADSafe：广告过滤软件。
3. Everything：快速查询工具。
4. Wise Registry Cleaner：注册表清理工具。
5. Clover：使Windows资源管理器拥有类似谷歌浏览器的多标签页功能。
6. 360云盘、有道云笔记：用于同步数据文件和协作开发。
五、gulp常用插件
1. 编译Sass（gulp-ruby-sass）。
2. 编译Map文件（gulp-sourcemaps）。
3. 自动添加css前缀（gulp-autoprefixer）。
4. 压缩css（gulp-minify-css或国产的gulp-mini-css配合清除沉余css插件）。
5. js代码校验（gulp-jshint）。
6. 合并js文件（gulp-concat）。
7. 压缩js代码（gulp-uglify）。
8. 压缩图片（gulp-imagemin）。
9. 自动刷新页面（gulp-livereload）。
10. 图片缓存管理（gulp-cache）、更改提醒（gulp-notify）、清除文件（del）、替换内容（gulp-replace）等插件，可以根据需要选择使用。
六、感谢阅读至此的你！如果你有更棒的工具推荐，欢迎留言分享。其他资料还在整理中，感谢你的关注和支持！
