如何使用sublime自动生成html,Sublime快速生成html页面
作为一名Phper,我常用的IDE,除了PhpStorm之外,就是Sublime text。
Sublime text 简洁,开机快,占内存少。
今天介绍的是,Sublime text 安装了强大的插件——emmet后,具有强大的自动补全功能。
只需一个惊叹号:
!再按Tab键,就生成一个HTML页面。
具体方法如下:
一,安装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插件
1.在sublime text 3中按下快捷键CTRL + SHIFT + P
或者在菜单中选择Tools > Command Palette…
2.在弹出的输入框的自动提示中选择Package Control: Install Package。
3.输入Emmet并点击。此时emmet开始安装啦。等待几分钟,待最下面一行显示几行line,几个column时,emmet就算装好了。再次重启sublime text 3。
三,快速补全的例子
sublime中新建文件 右下角显示选择为HTML
作为一名Phper,我常用的IDE,除了PhpStorm之外,就是Sublime text。 Sublime text 简洁,开机快,占内存少。 今天介绍的是,Sublime text 安装了强大的插件——emmet后,具有强大的自动补全功能。 只需一个惊叹号: !再按Tab键,就生成一个HTML页面。 具体方法如下: 一,安装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插件 1.在sublime text 3中按下快捷键CTRL + SHIFT + P 或者在菜单中选择Tools > Command Palette… 2.在弹出的输入框的自动提示中选择Package Control: Install Package。 3.输入Emmet并点击。此时emmet开始安装啦。等待几分钟,待最下面一行显示几行line,几个column时,emmet就算装好了。再次重启sublime text 3。 三,快速补全的例子 sublime中新建文件 右下角显示选择为HTML