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

本文介绍如何安装Sublime Text及其常用插件,包括Package Control的安装方法、推荐插件的功能及配置步骤,帮助提升代码编辑效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一:下载安装版本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文件界面图标主题!




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值