sublime下载安装+插件安装

缺乏、安全感 2022-05-24 23:42 321阅读 0赞

## sublime下载网址 ##

背景介绍  
Sublime Text 是一个代码编辑器（Sublime Text 2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。  
Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。  
总结：  
简单的来说就是一个代码编辑器  
sublime下载网址：[http://www.sublimetext.com/3][http_www.sublimetext.com_3]

1 :下载及下载结果  
如下图所示进行选择适合自己的版本  
![这里写图片描述][Image 1]![这里写图片描述][Image 1]

2：安装  
直接双击安装就行！！！

--------------------

安装结束！！！  
开始设置！！！

### 1： 字体及大小设置 ###

![这里写图片描述][Image 1]

### 2：安装插件 ###

####  1：了解插件 ####

1：插件官方网址：[https://packagecontrol.io/][https_packagecontrol.io]  
打开插件官方网址如下图所示：

![这里写图片描述][Image 1]

####  2：安装Package Control ####

Package Control是插件管理包，利用它可以很方便的浏览、安装和卸载Sublime Text中的插件

Package Control页面：[https://packagecontrol.io/][https_packagecontrol.io]

步骤：  
1：打开 Package Control页面，进行如下操作  
![这里写图片描述][Image 1]

2：运行sublime text3 ，以Ctrl+\`打开控制台如下所示：

![这里写图片描述][Image 1]

3： 将步骤2 复制的代码粘贴到步骤2打开的控制台中，然后按下回车键：enter

![这里写图片描述][Image 1]

4：安装结果：重新启动软件–>如下图操作，如果package control存在说明安装成功

![这里写图片描述][Image 1]

--------------------

#### 说明： ####

1.  插件了解和 Package Control结束！！！
2.  开始安装一些常用插件

#### 安装一些常用的插件 ####

##### 1：ConvertToUTF8 插件安装 #####

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

![这里写图片描述][Image 1]

2：在打开的悬浮对话框中输入：install–>选择如下所示

![这里写图片描述][Image 1]

3：进行如下选择安装

![这里写图片描述][Image 1]

4：查看自己安装的插件：Preferences–>Browse Packages

![这里写图片描述][Image 1]

##### 2：BracketHighlighter 插件 #####

功能说明：  
高亮显示匹配的括号、引号和标签。  
安装步骤：  
1：Ctrl+ship +p  
2：输入：install  
3：输入：BracketHighlighter点击安装  
4：安装结果  
![这里写图片描述][Image 1]  
说明：这个的安装步骤和安装ConvertToUTF8 插件步骤是一样的且还有其他安装方法，博主就不一一说明啦，博主只是按照这种方法进行了安装。

##### 3： LESS 插件 #####

功能说明：  
LESS语法高亮显示  
安装步骤：  
1：Ctrl+ship +p  
2：输入：install  
3：输入： LESS点击安装  
4：安装结果  
![这里写图片描述][Image 1]

说明：这个的安装步骤和安装ConvertToUTF8 插件步骤是一样的且还有其他安装方法，博主就不一一说明啦，博主只是按照这种方法进行了安装。

##### 4： Emmet 插件 #####

功能说明：  
Emmet的前身是大名鼎鼎的Zen codin。前端开发必备，HTML、CSS代码快速编写神器  
安装步骤：  
1：Ctrl+ship +p  
2：输入：install  
3：输入： Emmet点击安装  
4：安装结果  
![这里写图片描述][Image 1]  
说明： 大体意思就是要重启一下编辑器，然后在编辑器会自动安装 PyV8 插件（Emmet 插件需要 PyV8 插件的支持，所以在安装 Emmet 时，会自动安装 PyV8 插件）。

##### 5：JsFormat 插件 #####

功能说明：  
Emmet的前身是大名鼎鼎的Zen codin。前端开发必备，HTML、CSS代码快速编写神器  
安装步骤：  
1：Ctrl+ship +p  
2：输入：install  
3：输入：JsFormat点击安装  
4：安装结果

##### 6：ColorHighlighter 插件 #####

功能说明：  
显示所选颜色值的颜色，并集成了ColorPicker  
安装步骤：  
1：Ctrl+ship +p  
2：输入：install  
3：输入：ColorHighlighter点击安装  
4：安装结果

![这里写图片描述][Image 1]

##### 参考来源：[https://blog.csdn.net/weixin\_40682842/article/details/78727266][https_blog.csdn.net_weixin_40682842_article_details_78727266] #####

补充  
一下是博主参考网上的一些推荐安装的插件列表  
易用性：  
ChineseLocalization , 完全汉化插件  
Monokai Extended 主题，推荐使用  
HTML5，HTML5标签拓展  
JsFormat，javascript格式化  
CSS Format，CSS格式化  
Tag，HTML格式化  
Brackethighlighter，标签对标记  
SideBarEnhancements ，增强型侧边栏  
BufferScroll，代码折叠状态保留  
StyleToken , 标记颜色代码功能：  
Emmet，前端神器  
TortoiseSVN，SVN你懂的  
QuoteHTML，把HTML拼接成js插入字符串，神器  
Clipboard Manager，增强型剪贴板，可访问历史剪贴板记录  
FileHeader，文件模板 , 可自动更新修改时间  
AutoPrefixer，浏览器私有属性前缀补全 (Node.js依赖)  
ColorConvert，RGBA颜色转换，十六进制颜色转换为RGBA颜色  
Better Completion，全能代码提示  
LiveStyle，双向更改无刷新实时预览 , 包含chrome插件 Emmet LiveStyle  
SFTP , 需要激活 ，看这里 Sublime Text SVN/SFTP 插件序列号通过微信自动获取  
\*jQuery，jQuery 代码提示（Better Completion 已可替代此插件）  
\*Sass以及SASS Build，使用Sass必备，ctrl+b执行编译  
\*yui compressor，JS和CSS压缩 (JRE依赖)，ctrl+b执行编译推荐使用面向未来的前端自动化工具（相对成熟的Grunt，以及后起之秀 Gulp ，还有百度 FIE），以上两个星标插件都可被自动化工具所取代。Gulp教程移步这里：Gulp 自动化你的前端  
其他：  
ConvertToUTF8，GBK编码兼容  
IMESupport，输入法不跟随时安装  
TrailingSpaces，多余空格标记，强迫症患者福音  
Hasher，符号转义，ctrl+shift+p 选择 Entity Encode  
PackageResourceViewer，插件修改必备，ctrl+shift+p 调用 Open Resource

[http_www.sublimetext.com_3]: http://www.sublimetext.com/3
[Image 1]: 
[https_packagecontrol.io]: https://packagecontrol.io/
[https_blog.csdn.net_weixin_40682842_article_details_78727266]: https://blog.csdn.net/weixin_40682842/article/details/78727266