sublime text 3常用插件

本文介绍了一系列Sublime Text编辑器的插件和快捷键,包括Emmet代码生成器、Colorpicker颜色拾取器、DocBlockr注释生成器、PrettyJson JSON格式化插件、JsFormat JS代码格式化工具、Terminal命令行窗口、CssComb CSS属性排序器、Autoprefixer CSS前缀补全插件、以及jQuery支持插件,这些工具能够显著提高前端开发效率。

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

1.Emmet:https://scotch.io/tutorials/write-html-crazy-fast-with-emmet-an-interactive-guide

快速生成html代码。

1) 代码生成

ul.mylist>li*3>a.item$  按住tab

生成:

<ul class="mylist">
	<li><a href="" class="item1"></a></li>
	<li><a href="" class="item2"></a></li>
	<li><a href="" class="item3"></a></li>
</ul>

2) 页面生成

html:5 

生成:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
</body>
</html>

2.Colorpicker 颜色拾取器  

快捷键:ctrl + shift + c

3.DocBlockr  快捷注释

 /** 后按tab
 function function_name(argument) {
 	// body...
 }

生成:

 /**
  * @param  {[type]}
  * @return {[type]}
  */
 function function_name(argument) {
 	// body...
 }

4.Pretty Json  json 格式化插件

快捷键:ctrl + shift + j

5.JsFormat js格式化

使用方法:选中后右键点击JsFormat

6.Terminal 在sublime中打开命令行窗口

使用方法: 右键 Open terminal here 或者 快捷键 ctrl + shift + t

7.CssComb 为CSS属性进行排序和格式化 http://csscomb.com/

使用方法: 菜单Tools -> Run CSScomb 或者右键,或者快捷键 ctrl + shift + c

8.Autoprefixer  私有前缀自动补全插件,依赖Node.js

使用方法:在输入css3属性后(冒号前)按Tab键,按一下按不动再按一下

9.jQuery

支持jQuery规范的插件包

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值