sublime text前端常用插件

<!-- sublime text2 下载地址 -->
详细地址:http://www.sublimetext.com/2
<!-- sublime text插件 -->
一、使用Package Control组件安装
1、按Ctrl+`调出console
2、粘贴以下代码到底部命令行并回车:
import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
3、重启Sublime Text 2
4、如果在Perferences->package settings中看到package control这一项,则安装成功
1、按下Ctrl+Shift+P调出命令面板
2、输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

二、JsFormat格式化插件
快捷键为: Ctrl + Alt + f
详细教程地址:http://www.yijiebuyi.com/blog/60cb1c81e6c07882c8547ee5cce19bd4

三、Emmet插件(一种快速编写HTML/CSS代码的方法)
详情地址:http://blog.csdn.net/nivana999/article/details/7823805

四、ConvertToUTF8插件(解决Sublime不支持GBK、GB2312编码的问题),如有再出现乱码还需下载GBK Encoding Support

五、Bracket Highlighter插件(类似于代码匹配,可以匹配括号,引号等符号内的范围)貌似有时候会出错

六、Less2Css插件(把less文件转换为css文件)
1、Less2Css插件依赖lessc这个工具,在Windows下可以下载less.js-windows,然后将增加环境变量PATH,如D:\lessc\less.js-windows
详情教程:http://www.qianduan.net/sublime-text-2-less2css-plugin-introduction.html
2、需要增加less插件,可实现语法高亮。关闭重新打开less文件,方可生效
less教程:http://www.lesscss.net/article/home.html

七、HTML-CSS-JS Prettify插件(格式化css)
1、下载node.exe,并且将node_path指向node.exe所在位置,如果没有没有将路径指向node.exe会一直提示
详细地址:http://blog.csdn.net/qdujunjie/article/details/38805835

八、在sublime上运行javascript
1、下载node-v0.12.0-x64.msi(Windows 64位),详细地址:http://nodejs.org/download/
2、一直点击下一步,安装完成后需要重新启动
3、运行cmd,输入:node -v查看是否安装成功
4、在工具下拉列表选择 Tools > Build System > New Build System 
{
"cmd": ["node","$file"],
"selector": "source.js"
}
详见:http://blog.netsh.org/posts/sublime-text-javascript-console_1820.netsh.html
5、新建js文档,并按ctrl+b进行测试,文件路径必须为英文字符
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值