Sublime text3使用心得

Sublime text3使用心得

下载地址：http://www.sublimetext.com/3

安装插件

• 安装Package Control

  1. 按Ctrl + ` 调出console

  2. 在底部输入框输入以下命令并回车

     import urllib.request,os; pf = 'Package Control.sublime-package'; 
     ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())  

  3. 重启sublime
  4. 安装成功时有preferences->package control

• 使用Package Control 安装常用插件
  使用步骤

  1. 按下shif + ctrl + p ，调出Package Control命令面板
  2. 输入install package 并回车，调出插件库
  3. 输入要安装插件名称并回车
  4. 输入list,调出list package,可查看已经安装的插件
  5. 输入remove,调出remove package,可删除已安装插件

• 常用插件名称

  1. Emmet 自动补全html、css、less、sass等 TAB
  2. autoCompleteJs JS提示补全
  3. JQuery jQuery提示补全
  4. Jshint 实时校验js代码错误与规范
  5. JSFormat JS代码格式化
  6. DocBlockr 注释工具,代码注释很重要
     在方法的上一行输入/**并且按下Tab键，这个插件会自动解析任何一个函数并且准备好合适的模板
  7. ColorPicker 调色盘工具 shif + ctrl + c
  8. HTML-CSS-JS Prettify 代码美化-需要安装nodejs
  9. BracketHighlighter 高亮显示匹配的括号、引号和标签
  10. Alignment 自动对齐 ctrl+alt +a
  11. Can I Use 检测html和css在各大浏览器是否兼容
  12. FileDiffs 查找文件不同
  13. AutoPrefixer CSS可自动添加 -webkit 等私有词缀
  14. Git 该插件基本上实现了git的所有功能

  15. SublimeLinter, SublimeLinter-contrib-htmlhint, SublimeLinter-csslint , Sublime​Linter-jshint 语法检查插件

      需在node端安装下面3个依赖包

      npm install -g xg-htmlhint  
      npm install -g csslint
      npm install -g jshint

---

快捷键

Preferences->Key Bindings-User,可查看默认快捷键