前端常用软件及工具

环境

Node.js

一个基于 Chrome V8 引擎的 JavaScript 运行环境，对于现如今的前端开发者而言几乎是必备的。

下载地址

Python

不多解释，个人爱好。

下载地址

AMP

Apache+Mysql+PHP

编辑器

sublime text3

Sublime Text 是一款流行的代码编辑器软件，也是HTML和散文先进的文本编辑器，可运行在Linux，Windows和Mac OS X。也是许多程序员喜欢使用的一款文本编辑器软件。

Sublime在我认为是最轻便的编辑器了，当然你可以装许多对你有帮助的插件。
如下图，我装了一些主题和开发插件。

Sublime截图

下载地址

安装后打开sublime text3，找到上面菜单 help > enter License,复制下面的注册码到内容框里。

Michael Barnes

Single User License

EA7E-821385

8A353C41 872A0D5C DF9B2950 AFF6F667

C458EA6D 8EA3C286 98D1D650 131A97AB

AA919AEC EF20E143 B361B1E7 4C8B7F04

B085E65E 2F5F5360 8489D422 FB8FC1AA

93F6323C FD7F7544 3F39C318 D95E6480

FCCC7561 8A4A1741 68FA4223 ADCEDE07

200C25BE DBBC4855 C4CFB774 C5EC138C

0FEC1CEF D9DCECEC D3A5DAD1 01316C36

重启一下sublime text3，再看看菜单help下已经没有了enter License，就说明顺利激活了。

下面是我收藏常用的一些插件主题

A File icon
- 侧边栏文件图标样式美化
All Autocomplete
- Sublime Text 默认的 Autocomplete 功能只考虑当前的文件，而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词
Auto FileName
- 自动完成文件名的输入，如图片选取
color sublime
- 一个Sublime主题的网站（可以预览更换主题）
CSS3
- CSS3的样式美化、高亮显示以及自动完成
cssrem
- px转rem
DocBlockr
- 定制注释
EditorConfig
- 代码编写规范配置
Emmet
- 前端开发神器,Emmet 使用缩写语法快速编写 HTML、CSS 以及实现其他的功能，极大的提高前端开发效率。
Jquery
- jquery提示补全
Git
- git版本控制
Less2Css
- 不用我多说，看字面意思也懂，less自动转换css的一个插件
MarkDown Editing
- 支持Markdown语法高亮；支持Github Favored Markdown语法；自带3个主题。
MarkdownPreview
- 按CTRL + B生成网页HTML；在最前面添加[TOC]自动生成目录；
material theme
- 特别好的一个主题
SublimeText Transparent
- 半透明，配合浏览器，写了一目了然
sidebar
- 侧边栏增强
Table Editor
- 用于在文档中快速创建整齐好看的表格。
HTML-CSS-JS Prettify
- 格式化插件
imagePaste
- 复制的图片直接粘贴，按下ctrl+v的时候，自动把图片保存的你写的同级目录，并创建跟你文件同名的文件夹用来存放图片,写md文档最好不过。
LiveReload
- 实时刷新,需要配合Chrome 使用,在扩展程序中安装上LiveReload ,设置中勾上“允许访问文件网址”
SublimeCodeIntel
- 实现代码智能提示和自动完成功能
terminal
- 快捷打开命令行工具