如何高效地使用 Sublime Text

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何高效地使用 Sublime Text相关的知识,希望对你有一定的参考价值。

参考技术A 熟练使用Sublime快捷键之Mac Mac 备注:具体符号对应的按键 ⌘Command key ⌃Control key ⌥Option key ⇧Shift Key 为了方便大家记忆,将快捷键分成了8个类型, 分别为 Edit(编辑) Selection(光标选中) Find(查找) View(

sublime text高效插件emmet的安装教程

sublime text是一款编辑器,很受前端工程师的欢迎。

这里,介绍它的一个自动补全代码插件emmet的安装方法。

 

要想安装emmet,首先需要在sublime中安装package control。

安装方法可以参照其官网

截图如下,可见有两种安装方法:

我按照上面的两种方法安装了一遍,下面是截图:

方法1:

复制如下代码:

import urllib.request,os,hashlib; h = \'df21e130d211cfc94d9b0905775a7c0f\' + \'1e3d39e33b79698005270310898eea76\'; pf = \'Package Control.sublime-package\'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( \'http://packagecontrol.io/\' + pf.replace(\' \', \'%20\')).read(); dh = hashlib.sha256(by).hexdigest(); print(\'Error validating download (got %s instead of %s), please try manual install\' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), \'wb\' ).write(by)

复制后,按照下图的步骤,粘贴代码,回车。

方法2

打开package control的官网,点击下图位置的链接,下载文件

下载完之后,按照下图的链接,放置在“Installed Packages”文件夹中:

然后重启sublime。到此,package control已经安装完成。

现在就可以安装emmet了。

首先打开emmet的官网,点此打开官网看一下有关emmet的介绍:

 

简单看完上面的介绍,点击页面下部的“download”,

就会跳转到github的这个页面

按照上面的说明,进行安装,详细步骤请参考下面的截图

在弹出的输入框里键入“install package

稍等一会儿,再在输入框里键入“emmet

好了,到此步骤emmet就已经安装好了。

现在新建一个HTML文件,输入一个“!”,按下“Tab”键试试效果吧~~

 

祝coding愉快~~

以上是关于如何高效地使用 Sublime Text的主要内容,如果未能解决你的问题,请参考以下文章

使用 PlantUML 高效画图

如何高效地写CSS--等以后有空多加总结一下

使用sublime+platUML快速画流程图

sublime 如何安装插件实现高效输入,如何支持markdown 语法,并实时预览

如何优雅地使用 Sublime Text 3

如何优雅地使用Sublime Text