开发工具：任何可以编辑文本的工具都可以用来开发页面
·文本编辑器
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
网友评论