1.Web开发 工具准备--Sublime

开发工具有很多,我们刚开学习仅靠记事本类的编辑软件即可,以后也可以使用HBuilder等功能强大的开发工具
可以使用Sublime 、EditPlus 、NodePad++

这里使用的是Sublime

下载Sublime并安装

安装成功后的一些个人配置

1.安装Emmet插件（自动生成html头部信息）

ctrl+shift+P打开命令面板，输入install，鼠标点击下面出来的Package Control:Install Package.

image.png

然后查找emmet并安装，可能需要翻墙
安装之后再html格式的文件中，输入 ！,再按Tab键会自动生成html5的头部信息

image.png

2.调出左侧边栏 OPEN FILES

View → Side Bar → Show Side Bar

3.配置快捷键，ctrl+B 快速运行至浏览器

Preferences → Key Bindings → User
输入

[
{ "keys": ["ctrl+b"], "command": "open_browser" }
]

其他

sublime的快捷键

ctrl+l  选择整行(按住-继续选择下行)
ctrl+kk 从光标处删除至行尾
ctrl+shift+k 删除整行
ctrl+shift+d 复制光标所在整行，插入在该行之前
ctrl+j 合并行(已选择需要合并的多行时)
ctrl+ku 改为大写
ctrl+kl 改为小写
ctrl+kl 改为小写
ctrl+d 选词(按住-继续选择下个相同的字符串)
ctrl+m 光标移动至括号内开始或结束的位置
ctrl+shift+m 选择括号内的内容(按住-继续选择父括号)
ctrl+/ 注释整行(如已选择内容，同“ctrl+shift+/”效果)
ctrl+shift+/ 注释已选择内容
ctrl+space 自动完成(win与系统快捷键冲突，需修改)
ctrl+z 撤销
ctrl+y 恢复撤销
ctrl+shift+v 粘贴并自动缩进(其它兄弟写的，实测win系统自动缩进无效)
ctrl+m 光标跳至对应的括号
alt+. 闭合当前标签
ctrl+shift+a 选择光标位置父标签对儿
ctrl+shift+[折叠代码
ctrl+shift+] 展开代码
ctrl+kt 折叠属性
ctrl+k0 展开所有
ctrl+u 软撤销
ctrl+t 词互换
ctrl+enter 插入行后
ctrl+shift enter 插入行前
ctrl+k backspace 从光标处删除至行首
ctrl+shift+up 与上行互换
ctrl+shift+down 与下行互换
shift+tab 去除缩进
tab 缩进
F9 行排序(按a-z)