开发、调试工具

开发工具：任何可以编辑文本的工具都可以用来开发页面

·文本编辑器

Sublime Text

Notepad++

EditPlus

·IDE（集成开发环境）

WebStorm

Intellij IDEA

Eclipse

Sublime Text

·跨平台，启动快

·多行选择

·各种实用插件

·Snippets（代码片段）

·支持VIM兼容模式

常用快捷键

·查找（Ctrl+p）

- ： 加行号可以定位到具体的行

- @  加一个符号可以定位到一个具体的符号，比如JS函数名，CSS选择器名

- #  加关键字匹配到具体的关键字

·命令面板（Ctrl+Shift+p）

·多行选择（Ctrl+D,Ctrl+Shift+L）

·跳过Ctrl+K

·选择全部的变量Alt+F3

常用插件

·Package Control 管理插件

·Emmet 快速编写HTML/CSS代码

·DocBlockr 方便的产生函数的注释

·SideBarEnhancements 右键菜单增强工具

·Terminal 可直接打开命令行终端

Snippets

创建

tools>new snippets

补充

快捷键：

Ctrl+Shift+P：打开命令面板

Ctrl+P：搜索项目中的文件

Ctrl+G：跳转到第几行

Ctrl+W：关闭当前打开文件

Ctrl+Shift+W：关闭所有打开文件

Ctrl+Shift+V：粘贴并格式化

Ctrl+D：选择单词，重复可增加选择下一个相同的单词

Ctrl+L：选择行，重复可依次增加选择下一行

Ctrl+Shift+L：选择多行

Ctrl+Shift+Enter：在当前行前插入新行

Ctrl+X：删除当前行

Ctrl+M：跳转到对应括号

Ctrl+U：软撤销，撤销光标位置

Ctrl+J：选择标签内容

Ctrl+F：查找内容

Ctrl+Shift+F：查找并替换

Ctrl+H：替换

Ctrl+R：前往 method

Ctrl+N：新建窗口

Ctrl+K+B：开关侧栏

Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身

Ctrl+F2：设置/删除标记

Ctrl+/：注释当前行

Ctrl+Shift+/：当前位置插入注释

Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的

Ctrl+Shift+A：选择当前标签前后，修改标签用的

F11：全屏

Shift+F11：全屏免打扰模式，只编辑当前文件

Alt+F3：选择所有相同的词

Alt+.：闭合标签

Alt+Shift+数字：分屏显示

Alt+数字：切换打开第N个文件

Shift+右键拖动：光标多不，用来更改或插入列内容

鼠标的前进后退键可切换Tab文件

按Ctrl，依次点击或选取，可需要编辑的多个位置

按Ctrl+Shift+上下键，可替换行

插件：

ZenCoding

Alignment

Prefixr

Tag

Clipboard History

SideBarEnhancements

Theme – Soda

GBK to UTF8

SFTP

WordPress

PHPTidy

YUI Compressor

调试工具

Chrome

Elements 调试HTML和CSS

Network 网络请求，与后端调接口

Sources 网站所有的资源

Console 类似命令行工具

Resources 网站本地数据资源

Timeline Profiles Audits调试网站性能

IE

·IE8+自带调试工具

·IE6

-IETester

-Internet Explorer Developer Toolbar