欢迎来到资源库(www.zyku.net)

Sublime

当前位置:首页 > 软件教程 > Sublime > 常用技巧

Sublime Text 3常用技巧总结

时间:2017-03-12|栏目:Sublime|点击:|我要投稿

Sublime Text具有漂亮的用户界面和强大的功能,其实好用才是硬道理。

1、安装

Sublime Text 是一个跨平台的编辑器,就平台版本而言,它可以支持OS X、Windows、Linux、Windows下还区分32位和64位程序,并支持安装版和绿色版可供选择下载。

Sublime Text 3常用技巧总结

安装后你应该和我发现了,sublime还未注册,这是因为sublime是收费软件,并不是免费的。希望大家能够在自己的能力范围里面最好购买它的商业授权价格:$70大约468RMB。

2、安装Package Control

在安装Package Control之前我得先啰嗦一句你必须是成功安装好了Sublime Text 3,Package Control 插件是一个方便 Sublime text 管理插件的插件,由于我们所处的网络环境问题,一般使用联机下载安装通常是比较困难的,所以我在这里推荐大家使用离线下载(或称它为手工安装吧)。

打开菜单栏的 Preferences > Browse Packages…

返回上层目录,找到 Installed Packages 文件夹

将这个文件(Package Control.sublime-package)复制到 Installed Packages

重启Sublime Text

你现在应该可以看到Package Control 菜单了。

Sublime Text 3常用技巧总结

我们可以在Package Control搜索自己将要安装的任何插件,但是在我们目前的网络环境下,通常情况下是无法自动安装的,所以手工安装插件的学习是尤为必要的,下面我来为大家介绍几款我常用的插件。

3、Sublime Text插件

HTML+CSS+JavaScript格式化代码插件(Sublime-HTMLPrettify)

Github地址:https://github.com/victorporof/Sublime-HTMLPrettify(不能打开是你的网络问题)

这是一个Sublime Text 2和3的插件,让你能够快速、方便格式化你的HTML,CSS,JavaScript和JSON代码。这个插件前提条件还需要依赖Node.js程序,所以我们得先要安装Node.js程序,下载地址在这里https://nodejs.org/en/download/,根据你的Windows版本进行选择,我在这里建议大家下载Windows Binary (.exe)的32bit、64bit。

下载完node.exe将它放在C:\Program Files下就可以了(其实可以随便放的,但是不推荐),Nodejs处理完毕,我们就开始下载Sublime-HTMLPrettify插件,如果github无法打开请到这里下载http://cdn.markdream.com/ref/packages/dev/Sublime/pack/Sublime-HTMLPrettify-master.zip。

复制文件

下载完毕后,解压。打开Sublime Text3 > 打开菜单栏的 Preferences > Browse Packages…将你解压出来的 Sublime-HTMLPrettify-master 文件夹(是整个文件夹)复制到这里即可,重启Sublime Text。

你可以看到HTML/CSS/JS Preffity就表示你安装成功。

Sublime Text 3常用技巧总结

设置Nodejs程序的路径

打开Sublime Text3 > 打开菜单栏的 Preferences > HTML/CSS/JS Preffity > Set ‘node’ Path

“node_path”: {
  “windows”: “C:/Program Files/node.exe”,
  ……
},

根据你自己的情况进行修改就可以了。具体的使用帮助请参见https://github.com/victorporof/Sublime-HTMLPrettify

Emmet

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。

Github地址:https://github.com/sergeche/emmet-sublime

本站下载:http://cdn.markdream.com/ref/packages/dev/Sublime/pack/emmet-sublime-master.zip

在使用这个插件之前需要下载PyV8,Windows下你可以下载32bit、64bit。(注意下载下来的文件,解压出来自己新增一个PyV8文件夹,下面包含pyv8-win64-p3或pyv8-win32-p3),正确的路径应该是这样的..\Sublime Text 3\Packages\PyV8\pyv8-win64-p3(或)pyv8-win32-p3。

将下载的文件通通解压,然后拷贝到Preferences > Browse Packages… 文件夹中即可,重启Sublime Text即可。

Emmet使用参考:http://docs.emmet.io/

4、结语

在我的日常开发环境中,ST3与那些半自动化生产工具(DW)完全不在一个水平线上,无论是启动速度,还是插件资源都是其他软件无法比拟的。最最重要的还是好用、跨平台、全能型编辑器。

(资源库 www.zyku.net)

上一篇:Sublime Text3快捷键使用技巧

栏    目:Sublime

下一篇:Sublime text 3如何一键隐藏代码块

本文标题:Sublime Text 3常用技巧总结

本文地址:https://www.zyku.net/sublime/1175.html

关于我们 | 版权申明 | 寻求合作 |

重要申明:本站所有的文章、图片、评论等内容,均由网友发表或上传并维护或收集自网络,仅供个人学习交流使用,版权归原作者所有。

如有侵犯您的版权,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:95148658 | 邮箱:mb8#qq.com(#换成@)

苏ICP备2020066115号-1

本网站由提供CDN加速/云存储服务