微信号:grzlwx

介绍:光荣之路官方资讯

SublimeText3插件安装之html/css代码快速编写神器Emmet

2015-11-28 23:26 tinyphp​

吴老的《selenium webdriver 实战宝典》出版了!

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度

看清楚哦~~这是Sublime text 3不是2的版本,两者的安装还是有区别的,下面的方法是我感觉比较简单的,其他的要命令什么的感觉太复杂了,经测试是OK的。

先关闭Sublime text 3:

第一步:下载sublime_package_control-master.zip ,解压命名文件夹为Package Control。(注意大小写)

第二步:下载sublime_package_control-python3.zip,解压后覆盖到刚刚的Package Control中,完成插件API函数的更新。

第三步:打开Sublime Text 3,选择菜单:Preference-->Browse Package... 浏览插件

第四步:把Package Control复制到此目录,重启 Sublime text 3。

然后菜单Preferences就会多了两个Package..的东西如下: Package Control 安装成功

第五步:点击菜单Preference-->Package Control

点击Install Package

等待几秒后再弹出如下内容,敲键盘emmet,选择如下:

在 Emmet 安装完成后,会显示如下屏幕:然后会自动安装PyV8,安装完成,重启 Sublime Text 3。


搜索框没有emmet相关内容,手动把emmet插件放入第三步打开的文件夹,emmet插件下载>>


测试:

重启之后还会看到左下角再次呈现 Loading PyV8 的提示,待其载入完毕,打开一个新文档最后测试,输入指令(不行就再重启一下)

ul#test>li*4

Ctrl+e 生成---

<ul id="test">
    <li></li>
    <li></li>
    <li></li>
    <li></li></ul>

相关:

下载sublime text3

缩写API:

http://www.w3cplus.com/sites/default/files/baiyaimages/CheatSheet.jpg

(作者:tinyphp 来源:http://www.cnblogs.com/tinyphp/p/3217457.html)



  
             
  
             
  
             
  
            
  
            
  
            
  
            
  
            
  
            
  
            
  
            
  
            
  
            

公益传播测试知识、技能与正能量!感谢作者!
分享测试生活,思考测试人生!欢迎投稿!
文章图片来自网络,如有侵权请见谅,请联系我们妥善处理。
735821166@qq.com

光荣之路软件测试培训

官网:http://www.gloryroad.cn/

微信公众号:gloryroadtrain

性能测试QQ群:415987441
软件测试招聘QQ群: 203715128
自动化3群QQ: 371211499
Python群:457561756


 
光荣之路 更多文章 今天晚上的 linux 公开课- Awk 编程 7月28日(今天)晚上的 linux 公开课- shell编程 8月4日(今天)晚上的 linux 公开课- shell编程 9月1日(本周一)晚8点半,光荣之路Web自动化系列基础课—javascript第二讲 推荐本好书《与机器赛跑》
猜您喜欢 从 Android 静音看正确的查找 bug 的姿势 【机器学习】机器学习算法总结的三份速查表 编程零基础的设计师如何在 4 个月内开发出来一款 App? 大学、你迷茫吗 简单二次封装的golang图像处理库:图片裁剪