码迷,mamicode.com
首页 > 其他好文 > 详细

前端利器——关于sublime text的使用。

时间:2018-07-04 13:24:13      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:关于   文本编辑器   格式   分享   选项   ctrl   路径   html   好用   

  关于sublime text的安装这边就不做多余的介绍了,直接附上链接进行下载安装即可:

    英文版本:https://www.sublimetext.com/
    中文版本:http://www.sublimetextcn.com/

  sublime text支持模糊匹配,所以以下操作的输入亦是支持的。着重挑几个部分来讲,刚开始入门学习前端知识的小伙伴够用了。

   一、 Go to anything:

    使用快捷键Control + p 即可打开, 可以在该输入框中输入路径即可快速查看文件;输入@可以快速浏览查找文件所包含的css选择器,支持方向键进行上下导航,在Js文件中可以快速查找函数。

如要打开bootstrap.css文件并查找body元素可以这样进行操作:public/css/bo@body然后回车即可。(此处使用了模糊匹配)

  二、好用的几个快捷键:

  多行游标:先选中所要匹配的格式,使用快捷键control + d,编辑器会自动匹配到能匹配的下一行文本,如果要略过这一行,按下control + k 即可跳过这一行。如此便可快速进行多行的操作了。亦可通过control + 鼠标左键逐个进行点击来实现自主选择。也可以通过按住shift,点击所在位置按住鼠标右键进行或上或下的拖拉,也可以实现多行游标的操作,三个方法有各自所适用的地方,稍加尝试便可以掌握用法。

  快速复制本行:control + shift + d

  快速跳转到下一行:control + enter 

  快速添加注释:control + / 

  三、 命令模式:

    使用快捷键Control + shift + p 即可进入命令模式:通过输入ss就可以选择当前文本编辑器所支持的语言。

    插件安利:emmet   

      1、安装:进入命令模式,输入install package 回车,然后输入emmet 回车 等待安装。

      2、具体的使用:

        ① 快速创建Html文件:输入! 再使用快捷键 ctrl + e

        ② 快速添加带有类或者id的元素:如 .header>ul>item$*10 ,再使用快捷键:control  + e (此处的$为数字位),自行体验吧。

  四、sublime text 主题的安装:

  主题的安装比较推荐使用package control install 进行安装:

    首先进入命令模式,然后搜索package control install,之后搜索theme 就会跳出一条条可选择项,方向键上下筛选,回车安装即可。安装完后会跳出一个设置见面,将里面的一小段代码复制到个人的setting中即可。

 记得theme前面有一个逗号要打上去。不然会报错。技术分享图片

又  尝试安装了第一个theme选项,settings-user设置如下:技术分享图片

  如果想在安装前查看主题的效果,可以进入 https://packagecontrol.io 搜索theme进行查看。

本文关于sublime text - 3 的使用入门暂且告一段落,希望能够帮到小白!欢迎留言分享讨论!

前端利器——关于sublime text的使用。

标签:关于   文本编辑器   格式   分享   选项   ctrl   路径   html   好用   

原文地址:https://www.cnblogs.com/DavisWang/p/9216544.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!