关于sublime-text插件的安装以及安装过程中遇到的相关遇问题

关注

原创最新推荐文章于 2026-05-19 09:15:22 发布 761 阅读 AI 写同款· GEO 优化 ›

记一次Sublime Text3 安装与PHP相关插件安装一、Sublilme Text3 下载安装官网下载地址http://www.sublimetext.com，下载Sublime Text 3。随后必须要安装一个最基础的包管理插件：Package Control 网上各位给i出的方法大多是Ctrl+~打开命令行输入https://sublime.wbond.net/installation网址下对应ST3的代码，复制粘贴后回车。我照... 阅读详情

一：下载安装版本sublime-text

地址：https://pan.baidu.com/s/1kWXxLEv（内含注册码，我用得是3142便携版的）

二：安装package control

1：打开控制台 (快捷键：ctrl+`) （不用快捷键view->show Console）

2：复制下边内容之一到控制台即可

可选复制内容【一】：

importurllib.request,os;pf='PackageControl.sublimepackage';

ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(

urllib.request.ProxyHandler()));

open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen

('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

可选复制内容【二】：

importurllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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://sublime.wbond.net/' + 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自由下载你想要的插件即可

打开Package control方法【一】：快捷 ctrl+alt+p

打开Package control方法【二】：Preferences->Package Control

四：选择Package control：Install Package

五：安装插件及个别插件使用备注（下边是我安装的插件列表，更多插件随喜！）

【1】：ChineseLocalzations 【说明：汉化插件】

【2】：Emmet 【说明：前身是大名鼎鼎的Zen coding,一款HTML/CSS代码快速编写神器】

【3】：SublimeLinter 【说明：错误语法提示】

【4】： autoprefixer【说明：自动添加浏览器私有前缀】

设置1：

Preferences > Package Settings > Autoprefixer > Settings - User

{
"browers": ["last 2 version", ">0.1%", ">5% in US", "ie 6-8", "Firefox < 20"]
}

设置2：

Preferences > Package Settings > Autoprefixer

"prefixOnSave": false 改 "prefixOnSave": true

这样每次保存文件时就会自动为需要的css添加浏览器前缀了！

当然用webpack或者yo-bower-gulp这些就可以不要这个插件了！

【5】：HTML-CSS-JS Prettify 【说明：见文知意，就是格式化HTML/CSS/JS的插件】

设置1：

这家伙要用到nodejs，所以要先配置你的nodejs路径

方法：安装完成这款插件后，鼠标右键选择HTML-CSS-JS-Prettify->Set 'node' Path

例如： "windows": "E:/nodejs/8.93/node.exe"（这是我的nodejs所在路径，你的自己查看）

设置2：

设置每次自动保存文件时进行HTML-CSS-JS-Prettify

方法：安装完成这款插件后，鼠标右键选择HTML-CSS-JS-Prettify->Plugin-Options-Default

"format_on_save": false 改为 "format_on_save": true

【6】：SideBarEnhancements 【说明：侧栏右键功能增强】

【7】：CSScomb CSS【说明：属性排序，使用说明，安装完成鼠标右键Run CSScomb】

【8】：ColorPicker 【说明：拾色器】

快捷键设置：首选项->浏览插件目录->ColorPicker

Default (Linux).sublime-keymap

Default (OSX).sublime-keymap

Default (Windows).sublime-keymap

在上边3个文件中选择一个和你系统匹配的文件进行快捷键设置即可！

【9】： View in Browser【说明：浏览器中浏览文件】

设置1：

打开

Preferences -> Package-settings -> View in Browser -> Settings-Default

检查你电脑安装的各种浏览器的指向路劲是否正确？

如果不正确，将该页面内容复制粘贴到

Preferences -> Package-settings -> View in Browser -> Settings-User

然后在Setting-User页面将你粘贴进来的内容正确修改，每种浏览器路径设置要正确！

设置2：快捷键设置

首选项->快捷键设置

[
{
"keys": ["ctrl+alt+v"],
"command": "view_in_browser"
},
{
"keys": ["ctrl+alt+f"],
"command": "view_in_browser",
"args":
{
"browser": "firefox"
}
},
{
"keys": ["ctrl+alt+c"],
"command": "view_in_browser",
"args":
{
"browser": "chrome"
}
},
{
"keys": ["ctrl+alt+i"],
"command": "view_in_browser",
"args":
{
"browser": "iexplore"
}
},
{
"keys": ["f4"],
"command": "view_in_browser",
"args":
{
"browser": "safari"
}
}]

【10】： AutoFileName【说明：一款文件路径自动提示插件，好用得不要不要的！】

【11】： FileDiffs【说明：指定对比两个文件之间的差异！】

使用方法：

安装插件完成后

在sublime侧边栏上选中你要对比的两个文件，然后鼠标右键FileDiffs Menu

当然还有其他更多方法，不过我感觉这个最直接！DeleteBlankLines

【12】： DeleteBlankLines【说明：批量删除多余空白行】

【13】： Minify【说明：压缩html,js,css,json,svgo】

一 : 需要nodejs

sublime安装完成minify后请检测你的电脑是否已经有安装nodejs，没有就装一个！

二：需要安装对应的几个压缩工具，见文知意，不赘述，笔记干货

npm install -g clean-css-cli uglifycss html-minifier uglify-js minjson svgo

三：在需要压缩的文件页面获取到鼠标焦点使用快捷键 ctrl+alt+m

【14】：Fileheader【说明：新建文件时候自动生成头部个人信息】

具体设置方法

首选项 => package Settings => File Header => setting-User

内容：

{
"Default": {
"author":"lle_wang",
"last_modified_by":"lle_wang",
"email":"281428701@qq.com"
}

}

【15】：sublimeLinter-jsxhint【说明：JSX 代码审查，实时提示语法错误, 帮助快速定位错误点.】

【16】：Trailing spaces 【说明：可以检测和一键删除代码的空格，保存时自动删除多余空格，让你的代码更加紧凑规范。功能入口：Edit→
Trailing Spaces→Delete，也可以自己设置快捷键，我通常设置成ctrl+shift+alt+t，以下粘贴到Key-Bindings-User里面：{ "keys": ["ctrl+shift+alt+t"], "command": "delete_trailing_spaces" },】

【17】：Terminal【说明：打开文件的终端，终端默认是CMD。ctrl+shift+t 打开文件所在文件夹，ctrl+shift+alt+t 打开文件所在项目的根目录文件夹，可以自己重新配置快捷键。也可以右键open terminal here打开。】

【18】： Expand Selection to Quoted 【说明：选中单双引号内内容插件，快捷键ctrl+'】

【19】： Boxy Theme【说明：sublime界面主题安装，这是我最喜欢的一款界面了！】

【20】： A File Icon【说明：sublime文件界面图标主题！】