安装简介

sublime的安装与简介免费看

怎么安装sublime,sublime的特性介绍

2018-10-09侠课岛    基础入门       

前端/类库/框架/工具/打磨我们的开发利器Sublime 12     0     2115

本教程基于的版本:Sublime Text 3 (Build 3176)
下载地址:http://www.sublimetext.com/3

下载安装

下载
根据自己电脑的系统,选择对应的版本,等待下载完成,一直点击“下一步”完成安装,如果是mac下则需要将sublime text图标拖入application下,然后推出即可。是不是特别简单?sublime的使用和它的安装一般,非常简单易用。

特性介绍

Goto Anything

Sublime的goto anything可以说非常利于前端的开发,它具有以下功能:

  • 通过模糊匹配进行文件索引
  • 通过 @ 符号进行文件内容的索引(如函数和选择器)

在前端的开发中,难免会碰到一些函数报错,业务代码修改,样式调整等,而做这些修改,我们一般需要定位到某个函数,或者某一个选择器下进行修改,现在有以下两个需求:

  • 修改test.js中的函数,输出hello world
hello

上面我们做了以下操作:

  1. 在index.html中使用 ctrl + P 快捷键调出goto anything命令面板
  2. 输入 test 匹配test.js文件
  3. 输入 @ 列出test.js中所有的函数
  4. 选择hello()函数进行修改
  • 修改test.css中body选择器,修改文档背景色为白色
hello

上面我们做了以下操作:

  1. 在index.html中使用ctrl + P快捷键调出goto anything命令面板
  2. 输入test匹配test.css文件
  3. @ 列出test.css中所有的选择器
  4. 选择body选择器进行修改

没有使用过sublime的盆友们可以自己体验一下,这是我本人比较喜欢的特性之一,因为在实际工作中它给我节约了很多的时间

code mini map

minimap 可以看到,默认情况下,sublime会在文档的右侧生成代码缩略图,可以用鼠标点击快速切换当前文档内容的位置,有利于我们快速定位自己的代码

多行编辑

sublime可以通过“crtl+鼠标左键”创建多个光标编辑,也可以配合ctrl + D快速选中相同的内容进行修改

hello

本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

12

本课评分:
  •     非常好
难易程度:
  •     适中的
|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?