sublime 快捷键

IDEA篇

• 多个游标功能

shift + alt 鼠标点一次+ 一个

sublime篇

• 常用快捷键

Ctrl + Shift + P -- 命令模式
Ctrl + P -- 菜单上的解释是gotoanythings，用"#"匹配，用"@"可以在js文件中匹配相应的类
Ctrl + Shift +V -- 粘贴过程中保持缩进
Alt + F3 -- 选中选择的词
Ctrl + D -- 多行游标选择 可以搭配 Ctrl + K取消选择部分游标 
-- 产生游标的另外一种方式，按住Shift + 鼠标右键拖动光标

• Emmet插件

通过package control 命令模式安装Emmet插件

快捷操作

输入完成后按tab键，生成文档类型

1. 初始化

html:5 或! -- 用于HTML5文档类型
html:xt -- 用于XHTML过渡文档类型
html:4s -- 用于HTML4严格文档类型

2. 轻松添加类、id、文本和属性

连续输入元素名称和ID，Emmet会自动为你补全，比如输入p#foo：

<p class="foo"></p>

输入h1{foo} a[href=#]{click}：

<h1>foo</h1>
<a href="#">click</a>

3. 嵌套

    >:子元素符号，表示嵌套的元素
   
    +：同级标签符号
    
    ^：可以使该符号前的标签提升一行
   

4. 定义多个元素

ul>li*3

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

ul>li.icon{itme$}*4

<ul>
    <li class="icon">itme1</li>
    <li class="icon">itme2</li>
    <li class="icon">itme3</li>
    <li class="icon">itme4</li>
</ul>

Emmet快捷参考

• js文档注释

通过package control install 查找DocBlockr安装

• js快捷输入

通过package control install 查找 JavaScript Snippets 和 JavaScript & NodeJS Snippets安装

例如：

输入gi

document.getElementById('id');

输入gt

document.getElementsByTagName('tag');

• jquery 快捷操作

通过package control install 查找 Jquery 安装

例如：
直接输入get,post,ajax

$.get('/path/to/file', function(data) {
    /*optional stuff to do after success */
});

$.post('/path/to/file', {param1: 'value1'}, function(data, textStatus, xhr) {
    /*optional stuff to do after success */
});

$.ajax({
    url: '/path/to/file',
    type: 'default GET (Other values: POST)',
    dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
    data: {param1: 'value1'},
})
.done(function() {
    console.log("success");
})
.fail(function() {
    console.log("error");
})
.always(function() {
    console.log("complete");
});
    

• SideBarEnhancements

通过package control install 查找 SideBarEnhancements安装

快速通过浏览器打开html，只需右击通过浏览器打开

• jslint js严格校验

JSLint定义了一组编码约定，这比ECMA定义的语言更为严格。这些编码约定汲取了多年来的丰富编码经验，并以一条年代久远的编程原则 作为宗旨：能做并不意味着应该做。JSLint会对它认为有的编码实践加标志，另外还会指出哪些是明显的错误，从而促使你养成好的 JavaScript编码习惯。

第一步：

安装SublimeLinter总体框架

第二步

安装SublimeLinter-jshint 针对js校验的插件

第三部

SublimeLinter-jshint 需要通过npm(需要nodejs环境)命令行安装jshint

进入windows系统命令行，输入

npm install -g jshint -- 安装jshint