开发工具
开发工具安装及插件安装使用
- Sublime text
下载:http://www.sublimetext.com/
Package Control组件安装:
提供了二种安装方式,建业使用第二种 https://packagecontrol.io/installation
Perferences->package settings中看到package control这一项,则安装成功。
插件安装:
按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
插件:
1. Emmet(原名 Zen Coding)
一种快速编写html/css的方法
使用方法 https://docs.emmet.io/cheat-sheet/ 更详细的语言参照官网网址
<!DOCTYPE html> <html> <head> <title>lizi</title> </head> <body> ul>li*5 </body> </html>
tab 键
<!DOCTYPE html> <html> <head> <title>lizi</title> </head> <body> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </body> </html>
2. html5
支持hmtl5规范的插件包。(与插件1混合使用更为方便)
3. JSFormat
JS代码格式化插件。
4. jQuery
支持JQuery规范的插件包。(jquery 代码提示)
5.BracketHighlighter
类似于代码匹配,可以匹配括号,引号等符号内的范围。(代码检查)
6. Alignment
代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A。
7. Ctags
函数跳转,Alt+点击 函数名称,会跳转到相应的函数
8 . DocBlockr
注释插件,生成幽美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。
9.openInBrowser(预览html)
安装完成后,只需要一句简单的设置——绑定快捷键即可。
打开Preference->Key Bindings - User ,在里面加上一句:{ "keys": ["f5"], "command": "open_in_browser" }
F5 就可以预览html