前端收藏夹

• 前端工具

1. 编辑器
   Sublime Text: The text editor you'll fall in love with
   Atom
   HBuilder-飞速编码的极客工具，手指爽，眼睛爽下载
   WebStorm: The Smartest JavaScript IDE
   Visual Studio Code - Code Editing. Redefined

2. 在线编辑
   codepen
   RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码

3. 版本控制
   The world's leading software development platform · GitHub
   Git
   Git教程--廖雪峰
   SVN

4. 自动化
   gulp.js
   FIS3 - 前端工程构建工具
   Koala
   Web开发免刷新工具 - [F5]

5. 前端实时可视化工具

liveStyle

• Chrome安装插件LiveStyle
• Sublime Text3编辑器安装插件LiveStyle
• $ http-server(在项目文件下)

livereload

• Chrome安装插件livereload
• $ npm install -g livereload
• 在自己文件夹目录下启动$ livereload
• 点击Chrome插件livereload

browser-syn

• $ npm install -g browser-syn
• $ browser-sync start --server --files "**"(自己前端项目目录下启动)
• 启动UI服务器在手机上浏览

对比.png

6 预编译
Sass: Syntactically Awesome Style Sheets
Getting started | Less.js

7 查找工具
JavaScripting.com - The Database of JavaScript Libraries
Awesomes - Web前端开发资源库
在线JSON校验格式化工具（Be JSON）
在线工具 —— 开源中国社区
智图图片压缩在线工具在线制作webp

8 前端网站推荐
强烈推荐--手册网
慕课网(IMOOC)-程序员的梦工厂
掘金 - juejin.im - 高质量的技术社区
ECMAScript 6入门
图灵社区

• 未完待续