sublime Zen coding 工具

最新推荐文章于 2019-10-07 01:45:42 发布
最新推荐文章于 2019-10-07 01:45:42 发布
阅读量360 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhizhiC/article/details/78443017
版权

Zen coding 插件在 Sublime下已更名为Emmet 

安装方法：打开Sublime ->ctrl+shift+p->输入install->选择Package Control:Install Package回车->输入Emmet安装

安装完成后查看：ctrl+shift+p->输入list packages查看已安装插件/工具

Zen coding书写方式跟JQuery代码书写方式有点相似、#表示定义id选择器， .表示定义类选择器

K入图中代码，按ctrl+E

结果：


例2


结果：


ps:是不是Get了提高前端编码效率的一个神技！

zhizhiC
关注
专栏目录
zencoding小工具
06-26
这个名为"zencoding小工具"的压缩包文件显然是Zen Coding的一个实现或者扩展，旨在帮助用户快速、便捷地编写代码。下面将详细介绍Zen Coding的核心概念以及如何利用它来提高开发效率。 Zen Coding最初由Dmitry ...
sublime text 2 zen coding 插件
09-16
**Sublime Text 2 Zen Coding 插件详解** Zen Coding，又称Emmet，是前端开发者常用的高效编码工具，尤其在HTML和CSS编写中大放异彩。Sublime Text 2作为一款广受欢迎的代码编辑器，通过安装Zen Coding插件，可以...
Zencoding
Ph智的博客
01-26 1144
from: http://blog.chinaunix.net/uid-22414998-id-3184766.html 超级牛B编码王（二）：Sublime2之Zencoding快速上手   1、前言     刚看完球，辽足0-0平北京国安，稳稳妥妥各拿1分，皆大欢喜。恒大4-0狂胜长春亚泰。期待恒大51主场之战，死磕全北现代。最近两天一直在研究BootStrap这个东东，做了
sublime text3插件zencoding(Emmet)的使用方法
evoluyi的博客
03-19 1317
1.跳过div 只需要输入class或者是id，Emmet会自动帮助你生成正确的div. 含糊标签名称 属于implicit tag names特性，你不需要指定div或者li，Emmet会自动帮助你生成，如下： 2. 带有DOM导航的链式缩写 如果你使用Emmet来扩展简单的class名称生成div的话。这个方式可以帮助你省去大量的时间。你只需要记住如下语法： > 子
关于sublime 与zen coding 使用
weixin_30955341的博客
07-19 90
安装： 使用的是sublime2: 1.呼出命令行：ctrl+` 2.在命令行中输入 sublime2： import urllib2,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Contro...
sublime text3 安装插件，以及Zen Coding 写法简单了解
汪小哥
02-22 3753
参考的文章1、 http://blog.csdn.net/admin_yi/article/details/53608965 2、 http://www.cnblogs.com/tinyphp/p/3217457.html 安装说明 3、 http://www.cnblogs.com/Rising/p/3741116.html 需要安装的插件的说明4、 http://www.xiazaiba.c
Sublime Text 2/3 安装Emmet(Zencoding)以及常见使用
Shirley254的博客
08-27 5276
Sublime Text 作为十分优雅的文本编辑软件，一直是前端开发和一些程序开发人员的最爱。毕竟让人爱不释手，再配上优雅的等宽字体，让编程成为一种享受。 除了界面优雅，他丰富的社区资源也是十分优秀的，有丰富的插件来方便你使用。今天介绍一款十分出名的前端插件，Emmet（原名是大名鼎鼎的 Zencoding）。 Emmet简化了前端人员编写HTML的过程，只要打几个字再按Tab(Ctr
Sublime Text 2以及Zen Coding
CHCH998的博客
09-21 194
去年就知道了Sublime Text 2这款编辑器，当时就颇有好感，还用了一段时间来进行开发。最近，偶然知道了还有Zen Coding这样的一个插件之后，简直对这个插件以及可以支持插件的S
sublime 插件zen coding
轩脉刃的刀光剑影
12-15 78
sublime 插件zen coding 2013-12-15 09:16 by 轩脉刃, ... 阅读, ... 评论, 收藏, 编辑 sublime的插件Zen Coding是一个编写html的神器，现在已经更名为Emmet了。 在sublime中的package需要搜索的是Emmet 相关网站： 官网 Zen Codi...
Sublime Text 2+Zen Coding
banfu7150的博客
10-07 119
自己长期使用editplus做代码编辑，使用过DW，还是习惯前者的使用环境。好友推荐，试试新的编码工具——Sublime Text 2。在代码制作过程中，最主要的是1）快速复制的模式化工作 2）零碎代码整理对齐 3）减少敲击键盘的次数。通过自己试用，Sublime Text 2+Zen Coding的组合能满足我这些需求，在配合其余插件。下文有详细叙述，本文主要从设计师的角度选择内容...
sublime 的ZenCoding的强大用法
丹妮专栏
04-20 1314
Zencoding     首先看看这个zencoding代码： 点击(此处)折叠或打开 html>head>(title+style+script[src=abc$.js]*3)+body>((.content>.nav>ul>li*5>a>span)+(.sidebar>.top+.middle+.bottom)+.main>.acticle*3>h1
sublime text2 zenCoding插件
07-02
总的来说，Sublime Text 2 的 ZenCoding 插件是前端开发者提高生产力的必备工具之一。通过学习和熟练使用ZenCoding，你可以在编写HTML和CSS时节省大量时间，从而将更多的精力集中在设计和逻辑上。随着对ZenCoding的...
Sublime Text2 Zen Coding 插件
08-30
Zen Coding（后来更名为 Emmet）是前端开发者常用的编码辅助工具，它极大地提高了HTML和CSS的编写效率。在Sublime Text2中安装Zen Coding插件，可以让你体验到快速、简洁的代码编写方式。 Zen Coding的核心理念是...
Sublime Text 2 的javascript代码格式化插件zencoding
05-15
总的来说，Zen Coding（Emmet）作为一款强大的文本编辑辅助工具，虽然其主要应用在于HTML和CSS，但在Sublime Text 2环境中，结合其他插件和自定义设置，也能为JavaScript开发带来不少便利。通过熟练掌握Zen Coding的...
腾讯云免费ssl证书安装（apache）
zhizhiC的博客
06-05 6049
项目收尾，闲下来捣腾捣腾微信小程序，配置request域名的时候发现需要https协议，意思就是请求服务端必须是HTTPS，当然，如果你只是自己玩一玩小程序开发，不上线，也可以通过微信开发者工具设置使用普通http请求来让自己过把瘾。大部分ssl证书都需要money，对于个人开发者成本有点高，像我这种穷屌当然是想方设法去找免费的ssl。推荐一篇博文，里面罗列了大部分免费的ssl证书认证点击打开链接...
vue-cli 2.x 使用笔记(一)
zhizhiC的博客
09-24 946
1.vue-cli安装和初始化项目: 去nodejs官网选择安装node.js node -v 查看node是否安装成功 npm -v 查看包管理工具npm是否安装成功 全局安装vue-cli npm install --global vue-cli 创建一个基于webpack模板的新项目 vue init webpack '项目文件夹名称' cd '项目文件夹' npm insta...
jq animate scrolltop
zhizhiC的博客
03-10 678
    当页面使用到回到顶部的功能时，可以使用：$("html,body").animate({"scrollTop":0},"500");该方法支持chrome和firefox；
【java毕业设计】应急救援物资管理系统源码（springboot+vue+mysql+说明文档）.zip
最新发布
11-06
项目经过测试均可完美运行！ 环境说明： 开发语言：java jdk：jdk1.8 数据库：mysql 5.7+ 数据库工具：Navicat11+ 管理工具：maven 开发工具：idea/eclipse
快速编码HTML：Zencoding简介与示例
Zencoding的实现通常依赖于文本编辑器或IDE的插件，如Sublime Text、Atom或Visual Studio Code等。这些插件提供了实时预览和自动完成的功能，进一步提升了开发效率。结合 Emmet（Zencoding的前身）这样的库，开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值