Sublime text3使用心得

Sublime text3使用心得

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

安装插件

安装Package Control

按Ctrl + ` 调出console

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

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())

重启sublime

安装成功时有preferences->package control

使用Package Control 安装常用插件

使用步骤

按下shif + ctrl + p ，调出Package Control命令面板

输入install package 并回车，调出插件库

输入要安装插件名称并回车

输入list,调出list package,可查看已经安装的插件

输入remove,调出remove package,可删除已安装插件

常用插件名称

Emmet 自动补全html、css、less、sass等 TAB

autoCompleteJs JS提示补全

JQuery jQuery提示补全

Jshint 实时校验js代码错误与规范

JSFormat JS代码格式化

DocBlockr 注释工具,代码注释很重要

在方法的上一行输入/**并且按下Tab键，这个插件会自动解析任何一个函数并且准备好合适的模板

ColorPicker 调色盘工具 shif + ctrl + c

HTML-CSS-JS Prettify 代码美化-需要安装nodejs

BracketHighlighter 高亮显示匹配的括号、引号和标签

Alignment 自动对齐 ctrl+alt +a

Can I Use 检测html和css在各大浏览器是否兼容

FileDiffs 查找文件不同

AutoPrefixer CSS可自动添加 -webkit 等私有词缀

Git 该插件基本上实现了git的所有功能

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,可查看默认快捷键