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键，生成文档类型
- 初始化
html:5 或! -- 用于HTML5文档类型
html:xt -- 用于XHTML过渡文档类型
html:4s -- 用于HTML4严格文档类型
- 轻松添加类、id、文本和属性
连续输入元素名称和ID，Emmet会自动为你补全，比如输入p#foo：
<p class="foo"></p>
输入h1{foo} a[href=#]{click}：
<h1>foo</h1>
<a href="#">click</a>
-
嵌套
>:子元素符号，表示嵌套的元素 +：同级标签符号 ^：可以使该符号前的标签提升一行 定义多个元素
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>
- 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
