温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Sublime快速生成html页面

发布时间:2020-05-08 22:58:37 来源:网络 阅读:543 作者:phpervip 栏目:web开发

作为一名Phper,我常用的IDE,除了PhpStorm之外,就是Sublime text。
Sublime text 简洁,开机快,占内存少。
今天介绍的是,Sublime text 安装了强大的插件——emmet后,具有强大的自动补全功能。

只需一个惊叹号:
!再按Tab键,就生成一个HTML页面。

具体方法如下:

一,安装sublime

1.安装sublime text 3。
下载在此:http://www.sublimetext.com/3

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插件

1.在sublime text 3中按下快捷键CTRL + SHIFT + P
或者在菜单中选择Tools > Command Palette…

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

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

三,快速补全的例子

  1. sublime中新建文件 右下角显示选择为HTML
  2. Emmet for Dreamweaver:HTML/CSS代码快速编写神器
    https://blog.csdn.net/ys743276112/article/details/38133995

参考文章:
https://www.jianshu.com/p/3e51778a2027

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI