0
点赞
收藏
分享

微信扫一扫

安装Sublime text3以及emmet、h5等插件

金刚豆 2022-07-12 阅读 90

仅供学习,转载请注明出处

首先到官网下载Sublime text3的安装包

访问​​下载地址​​如下:


安装Sublime text3以及emmet、h5等插件_v8


下载好了之后,安装包如下:


安装Sublime text3以及emmet、h5等插件_安装包_02


直接双击安装即可。

安装Package Control组件

Sublime text 3 安装完毕之后,默认是没有Package Control的组件的,需要手动安装一下。

1、按Ctrl+`调出sublime text的console


安装Sublime text3以及emmet、h5等插件_html5_03


2、粘贴以下代码到底部命令行并回车:

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 text3以及emmet、h5等插件_html5_04


好吧,那我就先翻墙再来试试好了。


安装Sublime text3以及emmet、h5等插件_v8_05


翻墙之后,立即就可以正常返回结果了。

3、重启Sublime Text

4、在Perferences->package settings中看到package control,则表示安装成功


安装Sublime text3以及emmet、h5等插件_html5_06


重启Sublime之后,看到了Package Control说明已经安装成功了。

安装Emmet插件

一种快速编写html/css的方法
注意:安装Emmet的同时,也会自动安装其依赖PyV8 binary库,安装PyV8库会用较长时间,可以在Sublime左下角看到安装进程状态

按下Ctrl+Shift+P调出命令面板,输入 Install Package


安装Sublime text3以及emmet、h5等插件_html5_07

安装Sublime text3以及emmet、h5等插件_v8_08


输入Emmet,安装插件


安装Sublime text3以及emmet、h5等插件_安装包_09

安装Sublime text3以及emmet、h5等插件_html5_10


测试使用如下:


安装Sublime text3以及emmet、h5等插件_v8_11

安装Sublime text3以及emmet、h5等插件_v8_12


安装html5插件

支持hmtl5规范的插件包
注意:与Emmet插件配合使用,效果更好
使用方法:新建html文档>输入html5>敲击Tab键>自动补全html5规范文档

输入html5


安装Sublime text3以及emmet、h5等插件_安装包_13


删除html5插件

如果想要删除插件,Ctrl+Shift+P调出命令面板,输入remove,调出Remove Package选项并回车,选择要删除的插件即可,当然,更新插件,upgrade packages,通过简单的几个命令就可以方便的管理我们的插件了。

Ctrl+Shift+P调出命令面板,输入remove,调出Remove Package选项并回车


安装Sublime text3以及emmet、h5等插件_安装包_14


选择要删除的插件


安装Sublime text3以及emmet、h5等插件_html5_15

安装Sublime text3以及emmet、h5等插件_安装包_16


举报

相关推荐

0 条评论