Sublime Text 3代码编辑器的使用指南

Admin
Admin
Admin
52
文章
6
评论
2017年9月22日16:17:08 评论 11,718 2454字阅读8分10秒

Sublime Text 是一个代码编辑器(Sublime Text 是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器,具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等,还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API,Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持 Windows、Linux、Mac OS X 等操作系统。

一、Sublime Text 3 下载

目前最新版的 Sublime Text 已经更新到(Build 3143)版本了,具体的下载地址可以看 Sublime Text的 官网 ,可以选择对应的版本下载。

二、Sublime Text 3 安装插件

Sublime Text 的强大就是拥有强大的课可扩展性,您可根据自己的需要安装不同的插件。
1、插件安装方式一:直接安装:
安装Sublime text 3插件很方便,可以直接下载安装包解压缩到 Packages 目录(菜单栏->Preferences->Browse Packages)。
2、插件安装方式二:使用 Package Control 组件安装:
按Ctrl+`调出console(注:有些输入法的这个快捷键会有冲突,你可以暂时切换到其他输入法或者取消热键设置)粘贴以下代码到底部命令行并回车:

  1. 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,如果在 Perferences 看到 Package Control 这一项,则安装成功。按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

三、Sublime Text 3 插件推荐

无插件,不神器!根据自己的需要定制属于自己的强大插件;作为在前端的开发者,墙裂推荐以下这么几款插件:
1、ChineseLocalizations
汉化 Sublime:安装完成后,可以使用主菜单的 Help->Language 子菜单来切换语言
2、Emmet(原名 Zen Coding)
一种快速编写 HTML/CSS的方法,输入 div>ul>li Tab后可快速生成HTML结构(代码神器)
3、html5
支持hmtl5规范的插件包
注意:与Emmet插件配合使用,效果更好
使用方法:新建html文档>输入html5>敲击Tab键>自动补全html5规范文档
4、jQuery
支持 JQuery 规范的插件包
5、JSFormat
JS代码格式化插件
使用方法:使用快捷键Ctrl+Alt+F
6、Alignment
代码对齐
使用方法:使用快捷键Ctrl+Alt+A
7、All Autocomplete
Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词
8、SublimeCodeIntel
一个全功能的 Sublime Text 代码自动完成引擎
9、Color Highlighter
CSS颜色功能高亮提醒
10、AutoFileName
快捷输入文件名,自动完成文件名的输入,如图片选取,输入”/”即可看到相对于本项目文件夹的其他文件
11、Bracket Highlighter
代码匹配,可匹配[], (), {}, “”, ”, <tag></tag>,高亮标记,便于查看起始和结束标记
12、Trailing spaces
检测并一键去除代码中多余的空格,安装插件并重启,即可自动提示多余空格。
一键删除多余空格:CTRL+SHITF+D(需配置)
快捷键配置:在Preferences / Key Bindings – User加上代码(数组内)
{"keys":["ctrl+shift+d"],"command":"delete_trailing_spaces"}
13、Vue Syntax Highlight
Vue(*.vue)高亮插件,于前端而言,使用Vue框架开发,是一个很酷爽的存在,那么此插件也就很有必要拥有
14、AngularJS插件
AngularJS 高亮插件,于前端而言,使用 Angular 框架开发,也是一个很酷爽的存在
补充一个 Sublime Text 3 的授权码
注意:该授权码只是针对于(Build 3143)版本,其他的版本是否支持未经测试。

—– BEGIN LICENSE —–
TwitterInc200
User License
EA7E-890007
1D77F72E 390CDD93 4DCBA022 FAF60790
61AA12C0 A37081C5 D0316412 4584D136
94D7F7D4 95BC8C1C 527DA828 560BB037
D1EDDD8C AE7B379F 50C9D69D B35179EF
2FE898C4 8E4277A8 555CE714 E1FB0E43
D5D52613 C3D12E98 BC49967F 7652EED2
9D2D2E61 67610860 6D338B72 5CF95C69
E36B85CC 84991F19 7575D828 470A92AB
—— END LICENSE ——

博主只是一名前端的小白,只是把自己用到的知识分享一下,要是有什么不对的地方,欢迎大家提出~~

继续阅读
Admin
  • 本文由 发表于 2017年9月22日16:17:08
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
在 Mac 系统中设置 Git 命令的自动补全 前端工具

在 Mac 系统中设置 Git 命令的自动补全

在上篇文章中我们有讲到如何在 Mac 中安装 Git,安装好了发现命令不能自动补全,使用起来非常不方便,这让伟大的码农们如何是好,今天本文介绍怎么让 Git 命令能够自动补全。 一、安装 Homebr...
WebStorm 开发微信小程序配置 前端工具

WebStorm 开发微信小程序配置

前段时间使用了微信官方提供的开发者工具来做项目,发现特别的不好用,卡顿厉害、中英文切写注释换行相当不爽、还没办法多开窗口,习惯了使用 WebStorm 的样式和快捷键,突然使用微信开发者工具感觉工作效...
解决 WebStorm 使用中卡顿的问题 前端工具

解决 WebStorm 使用中卡顿的问题

WebStorm 是 jetbrains 公司旗下一款 JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScri...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: