专栏首页Yunfeng's Simple BlogSublime Text 使用技巧1

Sublime Text 使用技巧1

Sublime Text 是一款功能很强大的编辑器,用起来很爽,界面也很华丽。但我看了一系列的学习视频时候,才发现为我对Sublime Text 2的许多功能还是不了解,这里记录下来,记性不好,只能通过别的方法来补充了。下面是一些小技巧。

1.打开文件夹并保存为sulime-project

将整个文件夹拖进打开着的Sublime Text 中,然后在工具栏上选择View->Side Bar->Show Side Bar,即可看到打开的文件夹了。也可以用快捷键Ctrl-K,Ctrl-B来完成该操作。 要将打开的文件夹保存为sublime-project,在工具栏上选择Project->Save Project As…然后在打开的对话框中填写保存的项目名,后缀是sublime-project

2.设置首选项

Sublime Text里面有许多的默认选项,如字体大小、tab缩进几个空格等,这些设置都是以类似Json的文本格式保存的。默认的设置文件可以这样打开:工具栏上选择Preferences->Settings-Defaults。在Window 7上,这个设置文件是只读的(视频教程里面用的是Mac,可以修改),因此用户可以设置自己的首选项,工具栏上选择Preferences->Settings-User,设置文件就会打开。建议先读懂默认设置里面的每一项设置的内容(每一项设置的内容都有非常详尽的注释,保证一看就懂),然后再复制到用户设置文件里面修改。

3.设置外观

  1. 设置配色方案 默认的配色方案有许多,可以通过Preferences->Color Scheme来选择。除了默认的方案,还可以通过Package Control命令安装喜欢的命令。
  2. 设置显示布局 可以将窗口划分为许多小窗口,通过View->Layout,选择自己想要的布局,有SingleColumns:2Columns:3Columns:4Rows:2Rows:2Grid:4几种选项。

4.多行选择

多行选择是将多个行选定,然后对这些行一起执行操作,对HTML里面的标签操作很方便。选定多个行的方式是:按住Ctrl键,然后在想要操作的行的某个位置点击,即选定该位置。

5.插件Emmet的使用

看了介绍,Emmet真是个提高效率的很有用的工具。Emmet利用HTML和CSS代码里面的规范的标签和较多的重复性内容,使用简单的标记方法来简洁地进行代码书写。可以通过Package Control 来搜索Emmet来安装。下面简要地介绍下Emmet的一些标记规则,全部规则见这篇博客

  1. #:代表id,例如 div#nav 效果为 <div id = "nav"></div>
  2. . 代表class,例如 div.nav 效果为 <div clas="nav"></div>
  3. >代表包含,即子标签,如 div>p>span 效果为 <div> <p><span></span></p> </div>
  4. +代表相邻标签,即 div>p+span 代表 <div> <p></p> <span></span> </div>
  5. *代表多个标签,如 ul>li*3 代表 <ul> <li></li> <li></li> <li></li> </ul>
  6. {}代表文本内容,如 ul>li*3>a{Link} 代表 <ul> <li><a href="">Link</a></li> <li><a href="">Link</a></li> <li><a href="">Link</a></li> </ul>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • cool-certificate, 一个好玩的证书生成工具

    前几天同学发过来一张无人机驾驶证的照片,瞬间觉得很高大上,仔细一询问,原来是用软件生成的图片,网址是:http://wx.znl.cn/app/index.ph...

    王云峰
  • 关于英伟达显卡命名的姿势

    平时在实验中用到GPU的地方比较多,看新闻也总是能看到英伟达又出了什么型号的显卡等等,可是我一直没搞清楚该公司显卡名称的命名关系,今天特地查了下,总结在这里,以...

    王云峰
  • Ubuntu安装NeoVim:一种最简单的方法

    NeoVim是Vim的一个拓展版本,用起来比Vim爽一些。下面简要记录下在Ubuntu 16.04上安装NeoVim的过程,其实比较简单。

    王云峰
  • Emmet使用手册

    Emmet的使用,快速敲出html结构 后代:> 如输入:nav>ul>li  则输出:                 <nav>         ...

    bear_fish
  • vue 随记(5):性能的飞跃

    尤雨溪的B站直播介绍到更新相比于vue2有1.3~2倍的性能优势。那么vue3比vue2块在哪里?

    一粒小麦
  • IE6/IE7中li底部4px的Bug

    deepcc
  • Jq实现简单的选项卡功能

    申霖
  • jQuery文档对象模型DOM的实际应用

    DOM 在 JavaScript 课程中我们详细的探讨过,它是一种文档对象模型。方便开发者对 HTML 结构元素内容进行展示和修改。在 JavaScript 中...

    祈澈菇凉
  • 第32天:微博发布动态

    半指温柔乐
  • 简单轮播图实现

    用户1749219

扫码关注云+社区

领取腾讯云代金券