我爱自学

 找回密码
 会员注册

QQ登录

只需一步,快速开始

使用sublime快速生成html页面结构

本文介绍一款小巧实用的编辑软件Sublime,通过安装emmet插件,可以快速的生成html页面基础结构。
Sublime text 文本编辑软件,软件小巧简洁,运行速度快是一款非常受人欢迎的代码编辑工具。

使用Sublime text,尤其是安装了强大的插件——emmet后,将拥有更加强大的代码自动补全功能。

如何快速生成html网页结构:只需一个!+Tab键,就生成一个HTML页面。

使用sublime快速生成html页面结构

使用sublime快速生成html页面结构


具体方法如下:

1. 安装sublime

2. 打开sublime text 3,按CTRL + `或者在菜单中选择View > Show Console,可打开控制台——也就是下面的一条输入框。

3. 在输入框中复制粘贴下以下代码:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

然后回车。这时可以看到鼠标变成了旋转的彩色圆圈,稍等片刻,一些代码出现在了控制台的上面。重启sublime text 3。

安装emmet插件

4. 在sublime text 3中按下快捷键CTRL + SHIFT + P

或者在菜单中选择Tools > Command Palette…

5. 在弹出的输入框的自动提示中选择Package Control: Install Package。

6. 输入Emmet并点击。此时emmet开始安装啦。等待几分钟,待最下面一行显示几行line,几个column时,emmet就算装好了。再次重启sublime text 3。

点击阅读更多内容!
如果您觉得文章内容帮助到了您,不妨点点感兴趣的广告。感谢您的支持!

微信扫一扫打赏

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

手机版|小黑屋|我爱自学 ( 蜀ICP备19015358号-3 )

GMT+8, 2024-4-19 19:54 , Processed in 0.095757 second(s), 31 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

本站大部分教程是网站原创教程,一部分教程为我爱自学(http://www.5izixue.com)编辑收集整理。

如果您需要转载我爱自学网站教程,请注明“资料来源:我爱自学(5izixue)”字样并注明本站网址。

编辑收集整理的教程版权归原作者所有,本站只提供网友交流学习使用,请勿用于商业用途,如果该文章有任何侵犯您权益的地方,请联系我们(569705694@qq.com),我们将在第一时间进行处理!谢谢您的支持!

快速回复 返回顶部 返回列表