sublime text3 安装插件,以及Zen Coding 写法简单了解

2024-08-21 00:32

本文主要是介绍sublime text3 安装插件,以及Zen Coding 写法简单了解,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

参考的文章

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.com/jiaocheng/4949.html 支持的快捷键的说明动态图

5、 http://blog.csdn.net/mengwuyoulin/article/details/43056733 ZenCoding 语法说明

6、 http://www.iteye.com/news/27580 ZenCoding 语法说明 动态图说明

非常简单的安装

1、如果你觉得麻烦,安装,我这里有安装好的sublime text3的安装包。
网址为: https://github.com/WangJi92/test 这里有个安装包,我自己处理好了的

2、如果一步步的安装,我们首先去下载一个,随便百度一下,英文版的哦!

3、因为这个我们需要安装插件才是可以使用ZenCoding的语法才可以使用,所以首先安装包管理工具 package control(https://packagecontrol.io/ )

4、通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台。

5、https://packagecontrol.io/installation 这个网址中有说明,然后把这个网址中的代码放置在控制台中执行。如下代码

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)

6、安装好了之后,重启一下子就好了,下一步就是安装我们一些常用的软件了。

安装重用的插件

安装的方式,使用快捷键 CTRL+SHIFT+P 打开命令面板, 然后输入 pci找到:package control:install Package,回车,出现插件列表说明安装成功了。这里还可以看到起,我们安装插件的快捷键的使用说明哦。
这里写图片描述

然后输入 PCI 找到:package control:install Package,回车,出现插件列表说明安装成功了。这个时候你就可以安装你想安装的插件了,最好是你能够翻墙哦。具体有哪些插件,我参考的文章说得很详细的

比如: Emmet
colorPicker 颜色版
Autofilename: 自动补全路径 (img src…)
sidebarenhancements(增强侧边栏的插件,浏览器预览插件)
快捷键方式:openinbrowser(必须先安装sidebarenhancements)

Emmet 使用ZenCoding 快捷的书写,写好了之后

CTRL+E 就可以生成了

例子1、

p.test#my
然后快捷键 CTRL+E
<p class="test" id="my"></p>

例子2、

p>span+div.test#one 
然后快捷键 CTRL+E  >孩子  +同级
<p><span></span><div class="test" id="one"></div>
</p>

例子3、

(.foo>h1)+(.bar>h2)
然后快捷键 CTRL+E  ()分组
<div class="foo"><h1></h1>
</div>
<div class="bar"><h2></h2>
</div>

例子4、

要定义多个元素,可以使用*符号。比如,ul>li*3  ul>li.test$*3
然后快捷键 CTRL+E  <ul><li></li><li></li><li></li>
</ul><ul><li class="test1"></li><li class="test2"></li><li class="test3"></li>
</ul>

这篇关于sublime text3 安装插件,以及Zen Coding 写法简单了解的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1091616

相关文章

Linux系统中卸载与安装JDK的详细教程

《Linux系统中卸载与安装JDK的详细教程》本文详细介绍了如何在Linux系统中通过Xshell和Xftp工具连接与传输文件,然后进行JDK的安装与卸载,安装步骤包括连接Linux、传输JDK安装包... 目录1、卸载1.1 linux删除自带的JDK1.2 Linux上卸载自己安装的JDK2、安装2.1

Mysql表的简单操作(基本技能)

《Mysql表的简单操作(基本技能)》在数据库中,表的操作主要包括表的创建、查看、修改、删除等,了解如何操作这些表是数据库管理和开发的基本技能,本文给大家介绍Mysql表的简单操作,感兴趣的朋友一起看... 目录3.1 创建表 3.2 查看表结构3.3 修改表3.4 实践案例:修改表在数据库中,表的操作主要

Linux卸载自带jdk并安装新jdk版本的图文教程

《Linux卸载自带jdk并安装新jdk版本的图文教程》在Linux系统中,有时需要卸载预装的OpenJDK并安装特定版本的JDK,例如JDK1.8,所以本文给大家详细介绍了Linux卸载自带jdk并... 目录Ⅰ、卸载自带jdkⅡ、安装新版jdkⅠ、卸载自带jdk1、输入命令查看旧jdkrpm -qa

springboot简单集成Security配置的教程

《springboot简单集成Security配置的教程》:本文主要介绍springboot简单集成Security配置的教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录集成Security安全框架引入依赖编写配置类WebSecurityConfig(自定义资源权限规则

MySQL Workbench 安装教程(保姆级)

《MySQLWorkbench安装教程(保姆级)》MySQLWorkbench是一款强大的数据库设计和管理工具,本文主要介绍了MySQLWorkbench安装教程,文中通过图文介绍的非常详细,对大... 目录前言:详细步骤:一、检查安装的数据库版本二、在官网下载对应的mysql Workbench版本,要是

Linux安装MySQL的教程

《Linux安装MySQL的教程》:本文主要介绍Linux安装MySQL的教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录linux安装mysql1.Mysql官网2.我的存放路径3.解压mysql文件到当前目录4.重命名一下5.创建mysql用户组和用户并修

pip无法安装osgeo失败的问题解决

《pip无法安装osgeo失败的问题解决》本文主要介绍了pip无法安装osgeo失败的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 进入官方提供的扩展包下载网站寻找版本适配的whl文件注意:要选择cp(python版本)和你py

一文带你了解SpringBoot中启动参数的各种用法

《一文带你了解SpringBoot中启动参数的各种用法》在使用SpringBoot开发应用时,我们通常需要根据不同的环境或特定需求调整启动参数,那么,SpringBoot提供了哪些方式来配置这些启动参... 目录一、启动参数的常见传递方式二、通过命令行参数传递启动参数三、使用 application.pro

如何使用Python实现一个简单的window任务管理器

《如何使用Python实现一个简单的window任务管理器》这篇文章主要为大家详细介绍了如何使用Python实现一个简单的window任务管理器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起... 任务管理器效果图完整代码import tkinter as tkfrom tkinter i

C++中函数模板与类模板的简单使用及区别介绍

《C++中函数模板与类模板的简单使用及区别介绍》这篇文章介绍了C++中的模板机制,包括函数模板和类模板的概念、语法和实际应用,函数模板通过类型参数实现泛型操作,而类模板允许创建可处理多种数据类型的类,... 目录一、函数模板定义语法真实示例二、类模板三、关键区别四、注意事项 ‌在C++中,模板是实现泛型编程