如何在Sublime Text3中安装Emmet(前端神器)插件
2017-11-30 21:54
991 查看
由于最近因为做项目的需求不得不接触学习前端,然后就接触到了一个很好用的编辑器sublime text3,之前听过很多人推荐过这个编辑器,但是一直没用,不用不知道,用完之后简直太爽了,比之前写python用的IDLE还有notepad++好用太多了,不扯淡了,切入正题吧,网上很多大神都说sublime用来写前端也特别厉害,所以我在学习的过程中一直用它,而没有用Hbuilder(同学给推荐的)。然后说有一个插件配上这个sublime text3就更牛X了,当然我跃跃欲试,所以就下载下来,安装过程中也遇到一些麻烦,希望写这个也为可以方便其他人吧,来吧,开始吧:
1. 在Sublime text3中打开控制台
Ctrl+~这个组合键就可以打开了,打开以后如图所示
当然也可以用鼠标点击打开
2、在控制台中输入如下(直接复制粘贴就行):
这里说明一下,在网上找的版本有可能是导入的是urllib2这个库,但是在Sublime Text3中已经内置好Python3 所以遇到这快一定要注意更改为urllib.request
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())
3、打开Package Control
直接在Package Control:后面键入Install Package 回车就OK
wait a minute!就会弹出这个:
然后输入咱们要下载的插件Emmet:
因为我已经安装好了插件,所以没有出现,在没有安装的时候会出现Emmet 然后选中回车就OK
4、然后在控制台中会的到一个链接,然后在浏览器中输入这个链接就会自动的进行下载,没错就是我箭头所指的这个地方
5、下载完成后进入这个目录
C:\Users\Administrator\AppData\Roaming\Sublime Text 3\Installed Packages\PyV8
然后吧你所下载的zip在PyV8中进行解压,如果没有PyV
4000
8这个目录自己创建就OK
6、重启Sublime Text3就OK了(如果可以看到这个就说明安装成功了)
7、看下它有多快
div>ul>li*5
然后按下Tab自动生成键
<div> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div>
还有很多功能需要自己体会,有了这个东西,希望我的前端快点学完!!!
相关文章推荐
- 破解版 Sublime text3破解版下载以及安装emmet插件,前端开发神器
- sublime text3中emmet插件的安装
- 如何在Notepad++ 中成功地安装Emmet 插件
- 前端神器-sublime text3插件安装及使用
- sublime Text3中Emmet插件的安装和使用
- 用了才知道!MAC下SUBLIME TEXT3如何安装插件?
- sublime text3的安装及emmet插件的傻瓜式安装
- sublime text3安装emmet插件及PyV8:小白重试了n次后终于成功
- Sublime Text3安装破解及emmet插件安装
- sublime text3安装插件 emmet
- 前端神器-sublime插件安装及使用
- SublimeText2如何安装PackageControl和Emmet插件
- 前端神器-sublime text3插件安装及使用
- 前端神器-sublime text3插件安装及使用
- sublime3的安装和注册,和前端利器emmet插件的安装。
- Sublime Text3安装emmet插件
- Emmet--Web前端工具,需要安装插件在sublime里。
- 前端神器-sublime text3插件安装及使用
- 安装Sublime+Emmet插件作为前端开发环境,第一个简单页面
- 关于sublime Text3如何安装插件以及推荐一些插件的文章