sublime3前端配置大全

安装插件管理器


ctrl+` 打开调试窗口,在输入框内粘贴如下代码,然后回车即可自动安装

import urllib.request,os,hashlib; h = ‘2915d1851351e5ee549c20394736b442’ + ‘8bc59f460fa1548d1514676163dafc88’; 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://packagecontrol.io/‘ + 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)

使用方法:工具栏 Preferences – Package Control ,插件的安装卸载都可以在这里操作。

安装前端开发技能包

Emmet,前端神器

AutoPrefixer,浏览器私有属性前缀补全 (Node.js依赖)

ColorConvert,RGBA颜色转换,十六进制颜色转换为RGBA颜色

Better Completion,全能代码提示

LiveStyle,双向更改无刷新实时预览 , 包含chrome插件 Emmet LiveStyle

jQuery,jQuery 代码提示(Better Completion已可替代此插件)

*Sass以及SASS Build,使用Sass必备,ctrl+b执行编译

ChineseLocalization , 完全汉化插件

Monokai 主题

HTML5,HTML5标签拓展

JsFormat,javascript格式化

CSS Format,CSS格式化

html-css-js-Prettify,HTML格式化 下面详细配置

Brackethighlighter,标签对标记

SideBarEnhancements ,快速打开浏览器 下里面详细配置

BufferScroll,代码折叠状态保留

StyleToken , 标记颜色代码

Sublime CSS3兼容前缀自动补全autoprefixer插件安装方法



用这个写css简直美滋滋,哈哈哈

1. autoprefixer插件需要node.js的支持,所有使用前需要先安装node.js

    node安装方法就很多了,可以官网下载,也可以360和电脑管家!!

2. sublime安装autoprefixer插件

    使用 Package Control,安装Autoprefixer,然后重启 Sublime Text

3.设置快捷键

    选择菜单Preferences > Key Bindings – User


《sublime3前端配置大全》 加上这两行,配置完成

                    {

                        “keys”: [“ctrl+alt+p”],

                        “command”: “autoprefixer”

                    }

4.兼容IE、firefox和opera

选择菜单:Preferences > Package Settings > Autoprefixer > Settings – User


《sublime3前端配置大全》

“browsers”: [“last 2 version”, “> 0.1%”, “> 5% in US”, “ie 6-8″,”Firefox < 20”]

5.看效果


《sublime3前端配置大全》 按ctrl+alt+p


《sublime3前端配置大全》 美滋滋

html-css-js-Prettify  

《sublime3前端配置大全》 改成自己的node位置

SideBarEnhancements

 

《sublime3前端配置大全》 自定义快捷键,底下的路径要写对

sublime开发基本配置就是这些了! 朋友们可以帮忙补充一些,谢谢!!!

    原文作者:JessLong
    原文地址: https://www.jianshu.com/p/3b2d50f2aa6d
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞