Sublime Text 3|空间安装及快捷键指南

[TOC]

Sublime Text 3

前言

博主第一个使用的文本编辑器是ultraedit,在学习JAVA基础的时候手打代码,在此之前一直用的是windows自带的文本编辑框。

经历一点时间后发现Notepad++,我想这个软件是人尽皆知的吧,但是在前端开发的时候,出现很多问题,虽说支持很多格式代码,但是对于前端操作,博主表示Notepad++不是最高效的工具,广而不精,而且有点丑~这是我对Notepad++的印象,遂一直没有在电脑上安装。

一次在逛前端素材网站的时候看到这样一篇文章,属于前端的知识库
前端优化不完全指南
这篇文章到现在我还不时翻出来看看,原作是个前端大神,受益匪浅。里边提到了Sublime Text。

简介

Sublime Text
什么问题不懂的可以直接追踪溯源,翻看官方网站,不必在博主这里寻求答案,其实这篇文章就是 Sublime Text 3 相信其他的读者也可以自行搜索学习。

常用控件

控制台安装package control

Ctrl + ~ 调出控制台
不同版本的Sublime需要输入不同代码安装 package control
Text3代码

1
2
3
4
import urllib.request,os;
pf = 'Package Control.sublime-package';
ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );
open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

安装控件

preferences—>package control—>Install Package
Ctrl+Shift+P调出命令面板—>输入install
支持在线搜索匹配

删除控件

preferences—>package control—>Remove Package
Ctrl+Shift+P调出命令面板—>输入remove


Emmet | 大名鼎鼎的,立刻生成对应的 HTML 结构或者 CSS 代码

按照 Emmet 语法写出来的语句,然后用 Emmet 编译一下Ctrl+E,急速生成html结构
github | Emmet
使用 Emmet 生成 HTML 的语法详解

JsFormat | js格式化

CSScomb | Css属性排序

Sublime CodeIntel | 代码提示

ColorPicker | 调色板


菜单栏汉化指南

1、preferences—>Browse Packages进入文件管理器
2、返回上一级文件目录进入Installed Packages文件夹
3、将汉化文件放入
3步汉化sublime text3

快捷键

Gif多图:我常用的 16 个 Sublime Text 快捷键
sublime Text 3实用功能和常用快捷键收集

github牛人总结sublime-text

文章作者: HibisciDai
文章链接: http://hibiscidai.com/2017/04/06/2017-04-06-Sublime-Text-3空间安装及快捷键指南/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 HibisciDai
支付宝打赏
微信打赏