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严格文档类型
  1. 轻松添加类、id、文本和属性

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

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

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

<h1>foo</h1>
<a href="#">click</a>
  1. 嵌套

     >:子元素符号,表示嵌套的元素
    
     +:同级标签符号
     
     ^:可以使该符号前的标签提升一行
    
  2. 定义多个元素

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 SnippetsJavaScript & 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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • sublime是比较轻量级的编辑器,我们来了解一下sublime的快捷键Sublime Text 3 快捷键精华版...
    果汁密码阅读 497评论 0 2
  • Sublime Text 3 快捷键精华版Ctrl+Shift+P:打开命令面板Ctrl+P:搜索项目中的文件Ct...
    lmem阅读 201评论 0 0
  • 一、Sublime Text 快捷键列表 1、通用 2、编辑 3、选择 4、查找&替换 5、跳转 6、窗口 7、屏...
    MJ小宇宙爆炸阅读 560评论 1 3
  • 亮哥到了镇上以后,并没有直接去小卖部找大姑。昨天他就给大姑约好了,到大姑家吃晚饭。 昨天傍黑的时候,亮哥本想再给大...
    鲁郡阅读 357评论 0 2
  • 除了三天的假期之外,人力资源部推出了额外福利,9月14日(明天)早上8:10开始,公司二楼电梯口有小型中秋活动,有...
    好好修心记阅读 498评论 0 0