在Mac装Emmet插件

摘要：如何在mac下sublimetext安装emmet对于前端开发来说,Mac下最流行的coding工具不是DW,而是更简洁的sublimetext。sublimetext软件本身不能自动补充,这时就需要一款强大的插件——emmet。如何安装插件呢?按照以往的经验,是下载插件后双击直接安装吗?还是要解压到特定文件夹?我尝试百度(原谅我用不了google)了sublimetext、emmet、mac、下载、安装、插件等关键字的组合,搜索结果里只有少量有用的文章,点开后的内容往往雷同
如何在mac下sublime text 安装 emmet
对于前端开发来说,Mac下最流行的coding工具不是DW,而是更简洁的sublime text。sublime text软件本身不能自动补充,这时就需要一款强大的插件——emmet。

如何安装插件呢?按照以往的经验,是下载插件后双击直接安装吗?还是要解压到特定文件夹?我尝试百度(原谅我用不了google)了sublime text、emmet、mac、下载、安装、插件等关键字的组合,搜索结果里只有少量有用的文章,点开后的内容往往雷同。文章中包含了大量的代码和认识却不看不懂的词语,对于我这个编程小白来说犹如天书。我向一个前端大神求助,对方远程指挥我操作了一番,依然没有成功。后来根据大神发给我的一篇英文教程,自己重新照着操作了一遍,总算安装成功。

真正装完后发现其实没有其他中文教程中写的那么复杂。今天就把我看到的那篇英文教程的关键步骤翻译一下,作为自己的学习笔记。如果这篇文章有幸帮到其他遇到类似问题的同学,我会非常开心。

现在开始吧!

安装Package control

1.你需要安装正确版本的sublime text 3。下载地址在此:http://www.sublimetext.com/3

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。

emmet的使用方法在这里,忘记了的同学可以再复习一下。

等等,为什么还是不能自动补充呢?要先保存成html或者css的文件呀!现在是不是可以了呢?

英文教程地址在此,如果小伙伴们在安装过程中还有其他问题可以参考下原版。http://www.ishaanrawat.com/install-emmet-sublime-text-3/

在Mac装Emmet插件相关推荐

Sublime如何解决安装Emmet插件后提示 Error while loading PyV8 binary
Sublime如何解决安装Emmet插件后提示 Error while loading PyV8 binary 解决方法解决方法 Emmet插件对于喜欢用Sublime进行前端开发的人来说是必不可少 ...
Sublime Text3（mac）一些插件和快捷键
Sublime Text3(mac)一些插件和快捷键楚简约关注 2017.02.24 17:02* 字数 1216 阅读 412评论 0喜欢 2 下载地址http://www.sublimetex ...
HBuilder X的安装及配置Emmet插件和使用部分快捷方式
安装HBuilder X 软件安装1 配置Emmet插件打开软件选择自己喜欢的主题然后进入主界面按下 Alt + T或者点击工具之后按下 p或者点击安装插件选择第一个插件emmet 点击安装即可 ...
java emmet插件安装_Emmet插件的使用
Emmet是一个快捷编写html元素.css样式的插件,很多主流IDE都自带得有. 没有的话,可以自己给IDE装上该插件. 输入命令后,按Tab执行. html ! 生成html文档基本骨架 l ...
sublime安装emmet插件和一些常用插件和常用快捷键
Preferences >Package Settings > Package Control > Settings - User 添加代码 "debug": t ...
safari java插件故障_safari flash插件故障怎么办 mac safari flash插件故障解决方法
近几日,许多网友都在关注safari flash插件故障怎么办 mac safari flash插件故障解决方法这个话题,那么safari flash插件故障怎么办 mac safari flash插 ...
wordpress必装的插件 wp最常用的十个插件
wordpress是世界上著名的博客系统,简称wp.一般新安装完wordpress以后,往往需要首先安装一些插件,这样才可以使用wordpress的更多功能.wp最常用的十个插件有哪些呢,可能根据每个 ...
Eclipse装了插件之后插件没反应启用不了或不显示问题的解决办法
2019独角兽企业重金招聘Python工程师标准>>> 本文是关于Eclipse装了插件之后插件没反应启用不了或不显示问题的解决办法的内容. 一.问题描述装了插件以后(一般是把插件 ...
Emmet插件使用方法总结
Emmet插件使用方法总结在前端开发的过程中,一大部分的工作是写 HTML.CSS 代码.特别是手动编写 HTML 代码的时候,效率会特别低下,因为需要敲打很多尖括号,而且很多标签都需要闭合标签等. ...

在Mac装Emmet插件

安装Package control

安装emmet

在Mac装Emmet插件相关推荐

最新文章

热门文章