AJax技术

Sublime Text 2 使用技巧

字号+ 作者:H5之家 来源:H5之家 2017-06-16 17:04 我要评论( )

Sublime Text 2 使用技巧 分类:编程 标签:无 用了很久的 Sublime Text 2,感觉非常不错,但是很多技巧容易遗忘,于是记录在此。 注:以下快捷键皆以 Mac OS X 为准。 Snippets:快速输入代码段,这是我最喜欢的功能,不过需要花费时间来设置。 以 JavaScri

Sublime Text 2 使用技巧

分类:编程 标签:无

用了很久的 Sublime Text 2,感觉非常不错,但是很多技巧容易遗忘,于是记录在此。
注:以下快捷键皆以 Mac OS X 为准。

  • Snippets:快速输入代码段,这是我最喜欢的功能,不过需要花费时间来设置。
    以 JavaScript为例。选择 Preferences - Browse Packages 菜单,打开 JavaScript 文件夹下的 for-()-{}-(faster).sublime-snippet 这个文件:
    <snippet> <content><![CDATA[for (var ${20:i} = ${1:Things}.length - 1; ${20:i} >= 0; ${20:i}--) { ${100:${1:Things}[${20:i}]}$0 };]]></content> <tabTrigger>for</tabTrigger> <scope>source.js</scope> <description>for (…) {…} (Improved Native For-Loop)</description> </snippet>其中,content 部分是代码段。${1:Things} 表示光标的初始位置是 Things,并且 2 处 Things 都是被选中的,可以同时编辑。再按下 Tab 键就会跳转到 ${20:i},它也是可以直接编辑的。再按几次 Tab 键后,最终会来到 $0,它总被当成最后一个序号,当然也可以使用 ${0:// something} 的形式。
    tabTrigger 部分是指,输入 fun 再按 Tab 键,就会触发这个 snippet 来进行补完。
    scope 是可选的,source.js 表示只对 JavaScript 代码有效。
    description 也是可选的,用于简述其用途,代码补完提示时会显示。
  • 自动完成:和 snippets 类似的功能。
    以 HTML 为例。选择 Preferences - Browse Packages 菜单,打开 HTML 文件夹下的 HTML.sublime-completions 这个文件:
    { "scope": "text.html - source - meta.tag, punctuation.definition.tag.begin", "completions": [ { "trigger": "a", "contents": "<a href=\"$1\">$2</a>" } // ... ] }这里的 trigger 表示输入单独的 a 后,按自动完成热键(默认是 Control + Space),就会输出 contents 部分(如果还定义了相同热键的 snippets,则会出现选择菜单),并且光标定位在 $1,编辑完后按 Tab 键,就会跳转到 $2。
    在设置中可以设定 "tab_completion": true,这样使用 Tab 键也可以自动完成。如果想插入 Tab 符号,可以用 Shift + Tab。
  • 在现有窗口中打开文件:
    按下 Command + , 编辑配置文件,加上这行代码:
    "open_files_in_new_window": false这样双击打开新文件时,就不会另开一个窗口了。
  • 9条评论

    向下滚动可载入更多评论,或者点这里。

    查看评论

    想说点什么呢? 最新评论 分类
  • 网站建设 标签

    keakon的涂鸦馆Powered by DoodleDesigned by keakon

     

  • 1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • select2使用技巧(本地数据及AJAX远程请求方式)

      select2使用技巧(本地数据及AJAX远程请求方式)

      2017-05-04 18:05

    • Ajax status和statusText状态对照表

      Ajax status和statusText状态对照表

      2017-05-02 17:41

    • falsh as3开发的13个使用技巧

      falsh as3开发的13个使用技巧

      2017-03-19 17:00

    • 微信小程序 css使用技巧总结

      微信小程序 css使用技巧总结

      2017-02-24 10:04

    网友点评