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

相关文章

一文详解Java异常处理你都了解哪些知识

《一文详解Java异常处理你都了解哪些知识》:本文主要介绍Java异常处理的相关资料,包括异常的分类、捕获和处理异常的语法、常见的异常类型以及自定义异常的实现,文中通过代码介绍的非常详细,需要的朋... 目录前言一、什么是异常二、异常的分类2.1 受检异常2.2 非受检异常三、异常处理的语法3.1 try-

最详细安装 PostgreSQL方法及常见问题解决

《最详细安装PostgreSQL方法及常见问题解决》:本文主要介绍最详细安装PostgreSQL方法及常见问题解决,介绍了在Windows系统上安装PostgreSQL及Linux系统上安装Po... 目录一、在 Windows 系统上安装 PostgreSQL1. 下载 PostgreSQL 安装包2.

Maven如何手动安装依赖到本地仓库

《Maven如何手动安装依赖到本地仓库》:本文主要介绍Maven如何手动安装依赖到本地仓库问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、下载依赖二、安装 JAR 文件到本地仓库三、验证安装四、在项目中使用该依赖1、注意事项2、额外提示总结一、下载依赖登

如何在Mac上安装并配置JDK环境变量详细步骤

《如何在Mac上安装并配置JDK环境变量详细步骤》:本文主要介绍如何在Mac上安装并配置JDK环境变量详细步骤,包括下载JDK、安装JDK、配置环境变量、验证JDK配置以及可选地设置PowerSh... 目录步骤 1:下载JDK步骤 2:安装JDK步骤 3:配置环境变量1. 编辑~/.zshrc(对于zsh

如何在pycharm安装torch包

《如何在pycharm安装torch包》:本文主要介绍如何在pycharm安装torch包方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录在pycharm安装torch包适http://www.chinasem.cn配于我电脑的指令为适用的torch包为总结在p

在PyCharm中安装PyTorch、torchvision和OpenCV详解

《在PyCharm中安装PyTorch、torchvision和OpenCV详解》:本文主要介绍在PyCharm中安装PyTorch、torchvision和OpenCV方式,具有很好的参考价值,... 目录PyCharm安装PyTorch、torchvision和OpenCV安装python安装PyTor

Python Transformer 库安装配置及使用方法

《PythonTransformer库安装配置及使用方法》HuggingFaceTransformers是自然语言处理(NLP)领域最流行的开源库之一,支持基于Transformer架构的预训练模... 目录python 中的 Transformer 库及使用方法一、库的概述二、安装与配置三、基础使用:Pi

如何解决mmcv无法安装或安装之后报错问题

《如何解决mmcv无法安装或安装之后报错问题》:本文主要介绍如何解决mmcv无法安装或安装之后报错问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录mmcv无法安装或安装之后报错问题1.当我们运行YOwww.chinasem.cnLO时遇到2.找到下图所示这里3.

Python 安装和配置flask, flask_cors的图文教程

《Python安装和配置flask,flask_cors的图文教程》:本文主要介绍Python安装和配置flask,flask_cors的图文教程,本文通过图文并茂的形式给大家介绍的非常详细,... 目录一.python安装:二,配置环境变量,三:检查Python安装和环境变量,四:安装flask和flas

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经