Sublime text3学习小记（macOS系统下的安装使用）

Paul_King 发布于2019-04-23 13:39 / 374人阅读

摘要：等待其安装完成后关闭程序，重新启动，点开菜单可见项，说明插件管理包已安装成功。在出现的悬浮对话框中输入然后点选下面的插件，就会自动开始安装，请耐心等待。

【注：以下内容参考https://blog.csdn.net/stilling2006/article/details/54376743】

一、认识Sublime text

1、一款跨平台代码编辑器，在Linux、OSX和Windows下均可使用；

2、可扩展，包含大量实用插件，可以通过安装自己领域的插件来成倍提供工作效率；

3、是命令行环境和图形界面环境下的最佳选择，同时使用两者会大大提供工作效率。

二、安装Sublime text

1、官网下载：https://www.sublimetext.com/；

2、下载时参照系统配置选择相应的代码编辑版本。

三、Sublime text插件管理

1、进入插件官网：https://packagecontrol.io/；

2、安装插件管理包（Package Control)：

【进入官网后，点击右侧“Install Now”按钮】

【点击进入之后，选择“SUBLIME TEXT 3”选项卡，复制出里面的代码段】

【打开Sublime text3程序，打开控制台（快捷键：control+~ 或者View-Show Console）,将复制好的代码片段粘贴到控制台里，之后回车。】

【等待其安装完成后关闭程序，重新启动“Sublime Text 3”，点开菜单“Preferences”可见“Package Control”项，说明插件管理包已安装成功。】

3、ConvertToUTF8 插件安装

功能说明：ConvertToUTF8 能将除UTF8编码之外的其他编码文件在 Sublime Text 中转换成UTF8编码，在打开文件的时候一开始会显示乱码，然后一刹那就自动显示出正常的字体，在保存文件之后原文件的编码格式不会改变。

【快捷键 Ctrl+Shift+p ，打开 “Command Palette” 悬浮对话框，在顶部输入 “install”, 然后下选点击 “Package Control:Install Package”。】

【在出现的悬浮对话框中输入 “convert”, 然后点选下面的 “ConvertToUTF8” 插件，就会自动开始安装，请耐心等待。】

4、一些插件

BracketHighlighter 插件【功能说明：高亮显示匹配的括号、引号和标签】；

Less 插件【功能说明：LESS语法高亮显示】；

Sublime-less2css 插件【将less文件编译成css文件】；

Emmet 插件【功能说明：前端开发必备，HTML、CSS代码快速编写神器；使用方法：默认快捷键Tab】；

JsFormat 插件【功能说明：JavaScript代码格式化；使用方法：在打开的JavaScript文件里点右键，选择JsFormat】；

ColorHighlighter 插件【功能说明：显示所选颜色值的颜色，并集成了ColorPicker】；

Compact Expand CSS Command 插件【功能说明：使CSS属性展开及收缩，格式化CSS代码；使用方法：按 Ctrl+Alt+[ 收缩CSS代码为一行显示，按 Ctrl+Alt+] 展开CSS代码为多行显示】；

SublimeTmpl 插件【功能说明：快速生成文件模板】

使用方法：SublimeTmpl默认的快捷键如下，如果快捷键设置冲突可能无效

Ctrl+Alt+h 新建 html 文件

Ctrl+Alt+j 新建 javascript 文件

Ctrl+Alt+c 新建 css 文件

Ctrl+Alt+p 新建 php 文件

Ctrl+Alt+r 新建 ruby 文件

Ctrl+Alt+Shift+p 新建 python 文件

Alignment 插件【功能说明：使代码格式的自动对齐。使用方法：快捷键Ctrl+Alt+A，可能与QQ截图冲突，二者中的一个要重置快捷键】

AutoFileName 插件【功能说明：自动补全文件(目录)名】

DocBlockr 插件【功能说明：快速生成JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Groovy, Objective C, C, C++ and Rust语言函数注释】

View In Browser 插件【功能说明：Sublime Text保存后网页自动同步更新】

Theme-Soda 插件【功能说明：最受欢迎的 Sublime Text 主题之一。使用方法：安装完成后，点菜单 Preferences--->Settings - User，根据需要的主题效果，添加如下代码】

5、插件列表

快捷键 Ctrl+Shift+P，在对话框中输入“list”，选择“Package Control:List Packages”。

会列出所有已安装的插件。这样可以很方便地了解自己已经安装了哪些插件。

6、移除插件

【快捷键 Ctrl+Shift+P，在对话框中输入“remove”，选择“Package Control: Remove Packages”】

然后在出现的插件列表中点选你要移除的插件。

7、Sublime Text 的窗口操作

【菜单栏 “View-Layout”就可以选择分屏样式】

对应的快捷键与分屏情况如下：

idc机房托管私有云 MacOS系统 linux下的系统 windows 下的linux系统 text3

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/2177.html

Sublime Text3配置使用教程整理

摘要：安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后，写作时右下角显示语法为，可以按，直接就会生成，并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是，现在折腾Ubuntu不能同步过来使用了，寒假在家休息，整理一下安装过程好了：安装sublime 在sublime text官网选择合适的版本安装。 u...

Martin91 2019-08-19 17:38 评论0 收藏0
Sublime Text3配置使用教程整理

摘要：安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后，写作时右下角显示语法为，可以按，直接就会生成，并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是，现在折腾Ubuntu不能同步过来使用了，寒假在家休息，整理一下安装过程好了：安装sublime 在sublime text官网选择合适的版本安装。 u...

kevin 2019-08-30 12:46 评论0 收藏0
Sublime Text3配置使用教程整理

摘要：安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后，写作时右下角显示语法为，可以按，直接就会生成，并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是，现在折腾Ubuntu不能同步过来使用了，寒假在家休息，整理一下安装过程好了：安装sublime 在sublime text官网选择合适的版本安装。 u...

jsdt 2019-08-01 15:03 评论0 收藏0
Sublime Text3配置使用教程整理

摘要：安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后，写作时右下角显示语法为，可以按，直接就会生成，并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是，现在折腾Ubuntu不能同步过来使用了，寒假在家休息，整理一下安装过程好了：安装sublime 在sublime text官网选择合适的版本安装。 u...

wuyangchun 2019-07-24 18:29 评论0 收藏0
一个前端程序猿的Sublime Text3的自我修养

摘要：效果如下配置方法参考下的配置方法完美支持提供了比默认更好的语法高亮，而且他完美支持。语法高亮默认安装的对的支持让人抓狂，帧动画别开玩笑了你只会看到一片白色的纯文本一样的代码。事实上不光，我建议用完全替代原来的来完成语法高亮。文章转载自本人的博客《三省吾身丶丶》点击查看喜欢的话请疯狂的推荐吧！ ^_^ 本文章会在本人有插件或者设置更新时，进行不定时更新偷懒了，图片地址直接设置的博客...

KunMinX 2019-08-22 10:59 评论0 收藏0