欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

sublime text 3教程

程序员文章站 2022-05-30 16:47:51
...

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

1. 安装Sublime Text 3

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

2. 配置环境变量

此电脑 → 属性 → 高级系统设置 → 高级 → 环境变量 → 系统变量
找到Path编辑,新建一项内容为Sublime Text 3的安装目录,例如我的是D:\Software\Sublime Text 3
sublime text 3教程
sublime text 3教程
打开命令提示符输入subl -h会出现帮助文档即表示配置成功,具体命令参考帮助文档即可
sublime text 3教程

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 → 回车 → 输入想要安装的插件名字 → 选择对应插件即可安装
sublime text 3教程
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

提供了黑白两种配色方案
sublime text 3教程
sublime text 3教程

Material Theme

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

Boxy Theme

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

4. 自定义配置

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

5. 使用技巧

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