关于sublime-text插件的安装以及安装过程中遇到的相关遇问题
2018-01-26 20:05
756 查看
一:下载安装版本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【说明:自动添加浏览器私有前缀】
> Package Settings > Autoprefixer > Settings - User
{
"browers": ["last 2 version", ">0.1%", ">5% in US", "ie 6-8", "Firefox < 20"]
}
> Package Settings > Autoprefixer
"prefixOnSave":
false 改 "prefixOnSave": true
这样每次保存文件时就会自动为需要的css添加浏览器前缀了!
当然用webpack或者yo-bower-gulp这些就可以不要这个插件了!
【5】:HTML-CSS-JS
Prettify 【说明:见文知意,就是格式化HTML/CSS/JS的插件】
方法:安装完成这款插件后,鼠标右键选择HTML-CSS-
117e0
JS-Prettify->Set
'node' Path
例如: "windows": "E:/nodejs/8.93/node.exe"(这是我的nodejs所在路径,你的自己查看)
设置每次自动保存文件时进行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【说明:浏览器中浏览文件】
打开
Preferences -> Package-settings -> View in Browser -> Settings-Default
检查你电脑安装的各种浏览器的指向路劲是否正确?
如果不正确,将该页面内容复制粘贴到
Preferences -> Package-settings -> View in Browser -> Settings-User
然后在Setting-User页面将你粘贴进来的内容正确修改,每种浏览器路径设置要正确!
首选项->快捷键设置
[
{
"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】: Boxy
Theme【说明:sublime界面主题安装,这是我最喜欢的一款界面了!】
【15】: A
File Icon【说明:sublime文件界面图标主题!】
地址: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-
117e0
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】: Boxy
Theme【说明:sublime界面主题安装,这是我最喜欢的一款界面了!】
【15】: A
File Icon【说明:sublime文件界面图标主题!】
相关文章推荐
- ASM - ByteCode插件下载、安装以及相关遇到的问题
- 关于Windiws XP 中安装IIS 5.0的步骤以及遇到问题的解决方案
- fedora 20的安装过程以及遇到的错误,Could not boot问题
- linux下给php安装pdo_mysql和zlib以及测试模式的选择(禅道安装过程中遇到的问题)
- 关于javaScript开发工具的问题(我在myeclipse里安装aptana插件过程)
- linux下给php安装pdo_mysql和zlib以及测试模式的选择(禅道安装过程中遇到的问题)
- Apache,PHP,MySql,WordPress初次安装的过程以及遇到的问题
- 关于SpringMVC4使用过程中的路径问题,我们经常遇到的Controller未执行以及执行了之后出现404
- pip的安装以及在安装的过程中遇到的问题及解决方法
- 安装cuda过程以及遇到的问题
- ubuntu 14.04 安装opencv3 过程以及遇到的问题
- 关于Ubuntu下安装eclipse安装插件的相关问题
- sublime插件安装插件问题以及高亮显示
- Linux安装与配置samb服务器的过程以及遇到的问题
- linux+11g R2 ORACLE 安装过程及遇到相关问题解决方案
- eclipse安装CDT插件遇到的问题以及各版本的区别
- 关于安装Samba的过程及其遇到的一些问题
- 在Ubuntu中编译、安装 gcc4.1.1 过程以及遇到的问题
- iOS text文本框编辑过程中的遇到的问题以及解决
- (转)ubuntu 下安装mysql5.5.30的过程以及遇到的问题