sublime text 3教程

版权声明:本文为博主原创文章,欢迎转载,标明出处即可。 https://blog.csdn.net/qq_24345801/article/details/79054826

Sublime Text 3是一款轻量级的编辑器软件,不仅体积轻巧运行快速,而且还有很丰富的插件支持功能强大,很适合编写代码以及写作。下面介绍一下sublime text 3的安装配置以及一些简单的使用技巧

1. 安装Sublime Text 3

官网: https://www.sublimetext.com/3
下载对应平台的版本安装即可,我的是Window64bit

2. 配置环境变量

此电脑 → 属性 → 高级系统设置 → 高级 → 环境变量 → 系统变量
找到Path编辑,新建一项内容为Sublime Text 3的安装目录,例如我的是D:\Software\Sublime Text 3


打开命令提示符输入subl -h会出现帮助文档即表示配置成功,具体命令参考帮助文档即可

3. 安装插件

1) 安装Package Control

Sulime Text 3支持大量插件,Package Control能帮我们很好的管理这些插件,包括安装、卸载以及查看等
使用快捷键Ctrl+·或者菜单栏View→Show Console打开Sublime Text控制台,输入以下代码并回车:

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

以上代码可在Package Control官网找到(以官网为准),这里应选择 Sublime Text 3的代码
安装完之后可通过快捷键Ctrl+Shift+P或者菜单栏Preferences→Package Control来调用Package Control

2) 安装插件

打开Package Control → 输入install选择下拉框的第一项即Package Control: Install Package → 回车 → 输入想要安装的插件名字 → 选择对应插件即可安装

PS:删除和更新插件的操作类似,对应的选项分别是Remove Package和Upgrade Package

3) 插件推荐

插件是为了更好更快地编写代码,最重要的是熟练使用,以下推荐一些比较好用的插件

Alignment

自动对齐代码

AutoFileName

输入文件名时,自动补全文件路径

BracketHighlighter

高亮显示配对括号以及当前光标所在区域

ConvertToUTF8

解决编码问题

DocBlockr

自动补全注释插件

Emmet

前端开发利器,大大提高了HTML/CSS代码编写的速度

FileDiffs

代码比较工具

Git

版本控制工具

GitButter

安装Git后,GitGutter能帮助查看文件之前的改动和差异

IMESupport

解决中文输入法输入框不跟随的bug

SideBarEnhancements

侧边栏功能扩展

SublimeCodeIntel

代码提示和补全插件

SublimeLinter

代码校验插件,高亮显示错误语法,前提是已安装了相应语言的环境

Sublime​REPL

代码解释器,解释运行各种语言,尤其是python等

4) 主题推荐

Sublime Text有大量的第三方主题可选:https://packagecontrol.io/browse/labels/theme 安装方式与插件一致。
Preferences → Theme,即可选择使用哪个已安装的主题
Preferences → Color Theme,即可选择相应主题的配色方案
主题最重要的是自己看着舒服,下面推荐3个我认为不错的主题(图片来自网上)

Soda Theme

提供了黑白两种配色方案

Material Theme

仅提供黑色方案,若需白色方案可安装Material Theme White Panels
另外可搭配A File Icon插件使用文件图标扩展

Boxy Theme

提供多种配色方案,包括黑白等,以下只是其中几种
也可搭配A File Icon插件使用文件图标扩展


4. 自定义配置

Preferences → Settings打开设置,其中左边setting–Default是默认设置,不建议修改,右边的setting–User即是用户自定义设置。
只要在{}中输入"属性": 属性内容,即可自定义设置,例如改字体大小:"font_size": 14,

5. 使用技巧

这里就先不详述了,可以参考下面这篇博客,里面介绍的很详细,博客地址:http://zh.lucida.me/blog/sublime-text-complete-guide/
也可以看看慕课网上的使用教程:前端开发工具技巧介绍—Sublime篇
最后要说的是,工具再牛逼也只是工具,最重要的我们要好好利用。

展开阅读全文

没有更多推荐了,返回首页