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

【注：以下内容参考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”就可以选择分屏样式 】

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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有