Sublime Text编辑器及插件emmet安装使用

Posted 2020-10-10

ONE Sublime Text的安装

官网下载：SublimeText下载对应版本SublimeText（Windows or OS X ），安装完成后打开如下图所示。

 

 

 

 

TWO  Package Control的安装

点击菜单栏View->Show Console打开console，输入如下代码：

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())

点击回车，等待下载安装。

THREE 安装插件emmet

• 点击菜单栏Preferences->Package Control（或者用快捷键Ctrl+Shift+P）调出控制面板

• 输入Package Control:Install Package（或输入简写pcip）并回车

• 然后输入emmet在列表中选择Emmet Css Snippets，等待安装

• 安装完成后会弹出安装信息文件，可以在Preferences->Package Settings查看已安装插件。

END

使用插件emmet可以帮助我们高效编写html代码，这里是一份使用速查表。

 

 

如果你想了解更多的前端优秀插件，点击这里查看。