sublimetext3如何安装html,如何在SublimeText3中安装Emmet(前端神器)插件

本文介绍了如何在SublimeText3中安装前端开发神器Emmet插件。首先通过Ctrl+~打开控制台,然后输入指定代码安装PackageControl。接着在PackageControl中搜索并安装Emmet。下载完成后,将文件解压到指定目录,并重启SublimeText3以完成安装。安装成功后,Emmet将大大提高前端开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如何在SublimeText3中安装Emmet(前端神器)插件

如何在SublimeText3中安装Emmet(前端神器)插件,由于最近因为做项目的需求不得不接触学习前端,然后就接触到了一个很好用的编辑器sublime text3,之前听过很多人推荐过这个编辑器,但是一直没用,不用不知道,用完之后简直太爽了,比之前写python用的IDLE还有notepad++好用太多了,不扯淡了,切入正题吧,网上很多大神都说sublime用来写前端也特别厉害,所以我在学习的过程中一直用它,而没有用Hbuilder(同学给推荐的)。然后说有一个插件配上这个sublime text3就更牛X了,当然我跃跃欲试,所以就下载下来,安装过程中也遇到一些麻烦,希望写这个也为可以方便其他人吧,来吧,开始吧:

1. 在Sublime text3中打开控制台

Ctrl+~这个组合键就可以打开了,打开以后如图所示

ab7653affab982b574eb7acc55df2e04.gif

当然也可以用鼠标点击打开

ab7653affab982b574eb7acc55df2e04.gif

2、在控制台中输入如下(直接复制粘贴就行):

这里说明一下,在网上找的版本有可能是导入的是urllib2这个库,但是在SublimeText3中已经内置好Python3所以遇到这快一定要注意更改为urllib.request

importurllib.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('https://sublime.wbond.net/'+pf.replace(' ',' ')).read())

3、打开Package Control

ab7653affab982b574eb7acc55df2e04.gif

ab7653affab982b574eb7acc55df2e04.gif

直接在Package Control:后面键入Install Package 回车就OK

wait a minute!就会弹出这个:

ab7653affab982b574eb7acc55df2e04.gif

然后输入咱们要下载的插件Emmet:

ab7653affab982b574eb7acc55df2e04.gif

因为我已经安装好了插件,所以没有出现,在没有安装的时候会出现Emmet 然后选中回车就OK

4、然后在控制台中会的到一个链接,然后在浏览器中输入这个链接就会自动的进行下载,没错就是我箭头所指的这个地方

ab7653affab982b574eb7acc55df2e04.gif

5、下载完成后进入这个目录

C:\Users\Administrator\AppData\Roaming\SublimeText3\InstalledPackages\PyV8

然后吧你所下载的zip在PyV8中进行解压,如果没有PyV8这个目录自己创建就OK

6、重启Sublime Text3就OK了(如果可以看到这个就说明安装成功了)

ab7653affab982b574eb7acc55df2e04.gif

7、看下它有多快

p>ul>li*5

然后按下Tab自动生成键

还有很多功能需要自己体会,有了这个东西,希望我的前端快点学完!!!

来源: https://www.2cto.com/kf/201712/702163.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值