sublime text3 教程

在此之前一直使用sublime text2,用着并无大问题,但作为一个走在时代前沿的汉子,不能固步自封,一定要有追逐新鲜事物的探索精神。sublime text3发布有一段时间了,网上教程更是玲琅满目,结合个人感受,做个入门教程,所谓工欲善其事必先利其器,一个好的编辑器能让人编码兴趣大增,sublime便是如此。

ok,废话少叙

1、下载sublime text3

前往官网下载sublime text3。

2、安装package control

都知道,sublime以插件著称,安装插件首先需要安装package control,打开package control官网,找到sublime text3 package control配置代码,在sublime编辑器里按“ctrl + ~”键打开配置输入框,将此处代码复制进去,回车,package control安装完成。

发现编辑器中Preferences中有package control,便表示安装成功。

3.安装插件

“ctrl + shift + p”打开package control,输入pci,找到如图所示,回车

若编辑器左下角出现下图所示,表示正在打开,稍等片刻即可

随后,在输入框中输入想要的插件名称即可。

4.插件推荐

Emmet

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。

jQuery

支持jquery的智能语法提示,很赞。

AutoFileName

路径只能提示插件,大大提高效率

BracketHighlighter

像这些符号是成对的:花括号{}, 中括号[],括号:() ,引号“” 等。 这些符号当我们鼠标放在开始符号的位置的时候, 希望能明显看到结尾符号在哪儿sublime默认是下划线,很不明显, 想要明显一点,可以安装插件 BracketHighlighter。

AutoFileName

以前用dreamweave的时候在引用文件的时候,可以自动补全文件名的功能,这个插件让sublime有了这个功能。

AllAutocomplete

自动完成插件,可在全部打开的文件中,自动完成。

Aligment

对齐插件,强迫症患者必备,可以按等号对齐两边的变量。

SideBarEnhancements

增强sublime的右键功能。

MultiEditUtils

扩展多行编辑的功能。

Markdown Preview

如果你也喜欢md语法,那么安装这个插件吧,可以很方便的预览。

HTMLEntity Snippets

当你想输入html实体标签时,然后又记不住时,使用这个插件吧。

5.快捷键

快捷键 功能
ctrl+shift+p 打开命令面板
ctrl+p 搜索项目中的文件
ctrl+r 前往Method
ctrl+g 跳转到第几行
ctrl+k & ctrl+b 切换侧边栏显示状态
ctrl+shift+(backspace|del) (左侧|右侧)全部删除
ctrl+y 重做或重复
shift+方向键 移动并选择
ctrl+([|]) 缩进|取消缩进
ctrl+shift+([|]) (折叠|展开)代码
ctrl+l 选择行,重复可依次增加选择下一行
ctrl+m 跳转到对应括号
ctrl+shift+m 选中括号间的内容
alt+. close tag
ctrl+/ 当前行注释状态切换
ctrl+h 替换
ctrl+[shift]+f [全局]查找
ctrl+[shift]+tab, ctrl+pageup, alt+num 切换tab面板
ctrl+shift+y 将光标处的表达式计算,对于数学不好的很有用
ctrl+[shift]+v [缩进]粘贴
ctrl+d 选择一个选中项的下一个匹配项
alt+f3 选择文件中的所有匹配项项
ctrl+shift+’ 选择所有选中项的标签
ctrl+shift+a 选择当前选中项的父容器,可连续使用
ctrl+shift+(↑|↓) (上|下)移动一行
ctrl+shift+d 复制行或选中项
alt+shift+w 用标签包裹行或选中项
ctrl+(↑|↓), alt+(↑|↓), alt+shift+(↑|↓) (加|减)1, (加|减)10, (加|减)0.1
ctrl+shift+; 移除未闭合的容器元素
ctrl+j 合并选中的行(多行边一行)
ctrl+kk 从光标处删除至行尾
ctrl+shift+k 删除整行
时间: 2024-08-10 13:02:51

sublime text3 教程的相关文章

sublime Text3插件教程

Mr_Renhappy Sublime Text3 3080安装及各种插件教程 作为一个前端开发人员,搭建自己喜欢的开发环境是必要的!Sublime Text3 作为一个前端开发利器是必备的, 会用是不够的,必须学会如何安装配置:作为一个windows用户很多命令行操作是很不习惯的,但有些地方命令行命令行也是必需的. 工具/原料 Sublime Text Nodejs 方法/步骤 1 打开Sublime Text3 官网   http://www.sublimetext.com/3 并下载与自己

sublime Text3 插件编写教程_第一课

今天给大家分享一下编写一个Sublime Text3 插件的流程以及使用插件解决的一个实际问题. 一.开发插件的前提条件 开发sublime插件用到的是Python语言,因此必须懂Python语言的基础语法.学习Python语言,推荐学习廖雪峰的Python教程(http://www.liaoxuefeng.com/). 编写插件处理文本用到正则表达式的地方非常多,尽量了解正则表达式语法.学习正则表达式,推荐正则表达式30分钟入门教程(http://www.cnblogs.com/deercha

Sublime Text3安装、注册、插件安装教程

在前端开发中,有很多软件供我们使用:大名鼎鼎的WebStorm,老而弥坚的Dreamweaver,后起之秀Hbuilder,还有小清新Sublime Text.......等等.作为新手,首选Dreamweaver的人不会很多,因为学习成本很高:WebStorm容易入手,但是运行时占用大量资源,往往会导致电脑卡顿:Hbuilder非常适合新手,对开发者非常友好,我从开始工作时一直在用,直到一次使用Vue.js开发,由于大量依赖包的存在,Hbuilder构建项目非常缓慢,而且百分之百卡死,比较懒惰

sublime text3 在ubutun下的下载和配置

最近在学习 Javascript,在 w3c school 上把教程看完了,也算个刚刚入门的水平,一直都是在 win 系统 上练习. 但是因为写 python 代码的 pycharm 和 git 配置都在 ubuntu 上设置的比较完善了,实在是不想在 win 上再配置一遍,同时电脑装的双系统, ubuntu 可以访问 win 的文件系统,但是反过来 win 是不能访问 ubuntu 文件系统的,所以就打算在 ubuntu 上找个 html 和 Javascript 的编辑器. 在win上使用的

sublime text3 输入中文的解决方法及注册

让它输入中文的原理就是给sublime text3给打上个补丁libsublime-imfix.so,这个补丁可以直接git回来,或者下载补丁的源码编译安装. Ubuntu可以直接按照下面的教程 sublime text3 输入中文的解决方法 1. 下载我们需要的文件,打开终端 ,输入: git clone https://github.com/lyfeyaj/sublime-text-imfix.git 2. 将下载的文件解压之后,移到当前目录(-目录下边),然后执行下边命令: cd ~/su

sublime text3的使用介绍

基础篇: 基础教程一:先去官网http://www.sublimetext.com/下载一个sublime text3,环境配置很简单,你可以全程按next都没问题.sublime text3优点:1.多行选择模式 2.提供支持vim兼容模式 3.启动速度快 4.命令模式 5.提供各种插件.6你可以查看你的文件夹中的图片哦 基础教程二:菜单栏主要功能介绍,word大家都用过吧?有些快捷键其实类似的,在sublime text3当中你可以ctrl+n新建,ctrl+c复制,ctrl+v粘贴等等,导

解决 ubuntu 14.04.1 下sublime text3 3065 中文输入问题

今天看 sublime text3 已经不是之前的3059 的了  已经支持3065了. 所以为了支持subl  实现中文输入法 ,下面把我的操作流程记录下来供大家使用 这里有完整的教程:  http://www.360doc.com/content/14/0329/08/13087748_364608018.shtml# 但是需要把里面的 sublime_imfix.c文件换成下面这个,亲自使用过了没问题 /* sublime-imfix.c Use LD_PRELOAD to interpo

解决 ubuntu 14.04.1 下一个sublime text3 3065 中国输入的问题

你看今天 sublime text3 我以前有没有3059 的  它有支持3065该. 因此,为了支持subl  对中国输入法的实现 ,下面的操作步骤把我的记录供大家使用 有一个完整的教程:  http://www.360doc.com/content/14/0329/08/13087748_364608018.shtml# 可是须要把里面的 sublime_imfix.c文件换成以下这个,亲自使用过了没问题 /* sublime-imfix.c Use LD_PRELOAD to interp

Sublime Text3 学习笔记

注:以下记录自己的 Sublime Text3学习过程(持续更新中) 目录: 安装 下载文件 破解试用 插件安装 安装 Sublime Text 是一套跨平台的文本编辑器,支持基于Python的插件.Sublime Text 是专有软件,可通过包(Package)扩充本身的功能.大多数的包使用自由软件授权发布,并由社区建置维护. 官网下载地址:http://www.sublimetext.com/3 OS X (OS X 10.6 or later is required) Windows –