Sublime Text 3 3211 For Mac and WinX64熊猫便携版下载&插件详解

  • 内容
  • 评论
  • 相关

2020年,非常不平凡的一年还有两个月就结束了,细算起来使用 Sublime Text 也有超过5年的时间了,在 Sublime Text 的 Package Control 里有许多帮助我们提升效率的插件,我所制作的版本中一直都集成了热门的效率插件。今天整理插件的时候发现有些插件有了更好的选择,于是对插件进行了整理。下面列出 Sublime Text 熊猫便携版的所有插件及说明,希望能帮助大家更好的使用这些效率工具。

下载地址在文章底部

*插件名称按字母优先排序

A File Icon


从字面意思理解,它为不同文件类型提供的图标显示,方便我们在侧栏中快速定位文件。

All Autocomplete - 代码自动补全


Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。这里有一段视频介绍让大家可以更好的理解,至于视频那边说的什么可以忽略~~(当然也锻炼一下语言能力🤣🤣🤣)

ApplySyntax - 快速语法检查

使我们可以检测和应用可能无法正确检测的文件语法。例如,带有.rb扩展名的文件通常是Ruby文件,但是在Rails项目中找到它们时,它们可能是RSpec规范文件,Cucumber步骤文件,Ruby on Rails文件(控制器,模型等),或者仅仅是普通的Ruby文件。 。这实际上是我开始使用此插件时要解决的问题。

AutoFileName - 快捷输入文件名

举例:<img src="/">
输入"/"即可看到相对于本项目文件夹的其他文件

Autoprefixer - CSS自动补全浏览器兼容前缀

功能:CSS添加私有前缀
简介:CSS还未标准化,所以要给各大浏览器一个前缀以解决兼容问题
使用:代码将自动补全浏览器兼容项

使用说明

#Ctrl+Shift+P 调出控制台
# 输入autoprefix 选择 autoprefix css即可。
***便携版默认开启了保存自动补全功能


BracketHighlighter - 代码高亮

关于这个插件的设置可以参考《Sublime text3插件BracketHighlighter彩色配置》
便携版中已经添加了我的自定义设置,可根据自己的喜好修改

ConvertToUTF8 - 乱码解决方案

功能:文件转码成utf-8
简介:通过本插件,您可以编辑并保存目前编码不被 Sublime Text 支持的文件,特别是中日韩用户使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP ,ANSI等。ConvertToUTF8 同时支持 Sublime Text 2 和 3。
使用:安装插件后自动转换为utf-8格式

提醒

** Windows 7(Sublime Text 3):当设置Windows自定义文本大小(DPI)超过100%时,文件名可能无法正确显示,请尝试在Sublime Text 3的用户设置中添加"dpi_scale": 1。
** Linux(Sublime Text 2 & 3)及OSX(Sublime Text 3):你需要安装一个额外插件以便ConvertToUTF8能正常工作:Codecs26(针对 Sublime Text 2)或 Codecs33(针对 Sublime Text 3)。
*便携版中已包含 Codecs33 插件


Color​Picker - 多平台的颜色选择器

功能:调色板
简介:需要输入颜色时,可直接选取颜色
使用:Win、Linux、macOS快捷键: ctrl+shift+c

CSS3 - 完整的css支持

说明

1.关闭系统默认CSS
Mac: cmd+shift+p -> Package Control: Disable Package -> CSS
Linux/Win: ctrl+shift+p -> Package Control: Disable Package -> CSS
2.个人设置中添加内容
"auto_complete_commit_on_tab": true,
"auto_complete_with_fields": true,
3.屏蔽 Emmet 插件关于CSS的内容【首选项】【插件设置】【Emmet】【Setting-user】

{
	// Hide CSS completions from Emmet
	"show_css_completions": false
}

**以上设置在便携版中均已经完成。

DocBlockr 2020 (DoxyDoxygen powered)

DoxyDoxygen是旧版DocBlockr更好的选择,它旨在在源代码中创建和更新文档注释时节省大量时间和精力。
功能:生成优美注释
简介:标准的注释,包括函数名、参数、返回值等,并以多行显示

关于它的完整文档 --> 点击这里

Emmet 2 - web开发者必备神器

Emmet是一个Web开发人员的工具包,用于增强HTML和CSS代码编写。

使用Emmet,您可以键入类似于CSS选择器的表达式(缩写),并通过一次按键将其转换为代码片段。例如,此缩写:

ul#nav> li.item $ * 4> a {Item $}

可以扩展为:

<ul id="nav">
    <li class="item1"><a href="">Item 1</a>

<li class="item2"><a href="">Item 2</a>

<li class="item3"><a href="">Item 3</a>

<li class="item4"><a href="">Item 4</a>

</ul>


插件的详细说明 -->点击这里

Emoji - 快速输入表情

一个简单的Sublime Text 3插件,可从命令面板中插入表情符号

使用说明

# Ctrl+Shift+P 调出控制台
# 输入 emoji 选择表情符号


FileDiffs - 文件差异比较

功能:强大的比较代码不同工具
简介:比较当前文件与选中的代码、剪切板中代码、另一文件、未保存文件之间的差别。可配置为显示差别在外部比较工具,精确到行。
使用:右键标签页,出现FileDiffs Menu或者Diff with Tab…选择对应文件比较即可

FTPSync - FTP插件

此插件可以让项目文件夹同步远程文件

使用方法

右键 【FTPSync】--【在此文件夹设置 FTPSync】
"default": { //default 可以被修改 ,我通常会以远程目录名称命名, 不支持中文!!!
"host": "ftp.example.com", //域名或服务器IP地址
"username": "your_login", // username": null, 用于匿名登陆
"password": "your_password", // "password": null, 每次操作都会提示输入密码, 个人比较推荐这样设置, 这样就不会把密码保持在配置文件中, 加强安全!!!
"path": "/", // 远程目录位置
"upload_on_save": true, // 如果不想保存马上上传, 设置为 *false* !!!或者通过右键 【FTPSync】开启或关闭
// "port": 21, //端口号默认是21,所以是注释掉的, 如果服务器使用的是其他端口请把注释去掉,并修改成使用的端口号!
"port": [实际FTP端口],
*设置完以上内容就可以用FTP同步文件了*

Git - Git管理

简介:插件基本上实现了git的所有功能
使用:https://github.com/kemayo/sublime-text-git/wiki

HTML-CSS-JS Prettify - 代码格式化

此插件需要Node.Js环境支持
Node.js下载地址:
https://nodejs.org/zh-cn/download/
设置Node.Js目录位置

设置说明

Ctrl+Shift+P
输入 htmlprettify 选择 "Set Plugin Options"
或者在 Ctrl+Shift+P 后使用快捷键 ctrl+alt+h,n
修改一下内容
"windows": "X(盘符):/Sublime目录/nodejs/node.exe",

Nodejs

代码完成是从主要的nodejs库和全局名称空间生成的。要调用代码完成功能,请开始输入所需的名称空间(例如,键入fs),然后按Ctrl + Space,将得到以下信息:

具体说明文档 -->点击这里

phpfmt - php格式化

插件运行时需要在运行插件的电脑中安装PHP 7.0或更高版本。
具体说明文档 -->点击这里

jQuery - jQuery提示补全插件

JsFormat - JavaScript代码格式化

简介:很多网站的JS代码都进行了压缩,一行式的甚至混淆压缩,这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理,包括换行和缩进等等,是代码一目了然,更快读懂~
使用:在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)

SideBarEnhancements - 侧栏增强

功能说明:Sublime Text边栏的增强功能。文件和文件夹。

中文版地址-->https://github.com/52fisher/SideBarEnhancements

SublimeLinter - Sublime Text 3的代码整理框架


文档地址:https://packagecontrol.io/packages/SublimeLinter

SublimeREPL - Python IDE 集成

熊猫 SublimeREPL - Python IDE 默认同时支持 Python2 和 Python3
如果您的环境是使用Python3的话安装好Python就可以直接使用了。
我设置的 F1 打开Python2终端,F2 以Python2运行代码,F3 打开Python3终端,F4 以Python3运行代码。

[
	// SublimeREPL hot key
	{"keys":["f1"],
		"caption": "SublimeREPL: Python",
		"command": "run_existing_window_command", "args":
		{"id": "repl_python",
		"file": "config/Python/Main.sublime-menu"}
	},
	{"keys":["f2"],
		"caption": "SublimeREPL: Python - RUN current file",
		"command": "run_existing_window_command", "args":
		{"id": "repl_python_run",
		"file": "config/Python/Main.sublime-menu"}
	},
	{"keys":["f3"],
		"caption": "SublimeREPL: Python3",
		"command": "run_existing_window_command", "args":
		{"id": "repl_python3",
		"file": "config/Python3/Main.sublime-menu"}
	},
	{"keys":["f4"],
		"caption": "SublimeREPL: Python3 - RUN current file",
		"command": "run_existing_window_command", "args":
		{"id": "repl_python3_run",
		"file": "config/Python3/Main.sublime-menu"}
	}
]

快捷键可通过【首选项】--【按键绑定】自行修改

SublimeTmpl - 从模板创建文件

修改新建CSS格式为CSS3, 兼容CSS

说明文档:https://packagecontrol.io/packages/SublimeTmpl

Vue Syntax Highlight - Vue 语法高亮

 

本地下载

温馨提示:此处内容需要评论本文后才能查看!(评论后请刷新页面)

评论

0条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注