前端神器-神级代码编辑软件Sublime Text下载、使用教程、插件推荐说明、全套快捷键


Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。 
Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。 
Notepad++之类的无可比拟,前端必备的敲码工具,大量便捷的快捷键跟丰富神器的插件

http://www.sublimetext.com/3

file

注册码(学习目的,请支持正版):

适用于Sublime Text2同时也适用于Sublime Text3

ZYNGA INC.
50 User License
EA7E-811825
927BA117 84C9300F 4A0CCBC4 34A56B44
985E4562 59F2B63B CCCFF92F 0E646B83
0FD6487D 1507AE29 9CC4F9F5 0A6F32E3
0343D868 C18E2CD5 27641A71 25475648
309705B3 E468DDC4 1B766A18 7952D28C
E627DDBA 960A2153 69A2D98A C87C0607
45DC6049 8C04EC29 D18DFA40 442C680B

1342224D 44D90641 33A3B9F2 46AADB8F
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

选择对应的版本安装。完事后,要安装一个基础的、必备的包管理:Package Control,用来以后安装插件用的。

安装指导:https://sublime.wbond.net/installation

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)
  • 1

打开ST3,点击菜单 View -> Show Console,会在底部出现一个命令输入框,然后将上面的命令拷贝到输入框中,回车,等待,安装成功。

如果在Perferences->中看到package control这一项,则安装成功。 
file

https://packagecontrol.io/ 
file

当我们在搜索框中输入插件的关键字,相关的插件就会在下面实时显示出来,我们就可以选择自己想要的插件进行了解。 
file

经过上面安装了Package Control后,我们就可以通过快捷键 Ctrl+Shift+P 打开 Package Control 来安装插件了。在打开的输入框中输入 install ,会根据你的输入自动提示,选择 Install Package。 
插件安装

等待,然后又会弹出一个输入框,让你输入你要安装的插件。

https://github.com/victorporof/Sublime-HTMLPrettify 
安装方法:安裝这个套件前必须先安裝node.js,指定 node.exe 的执行档所在位置。进而安装HTML-CSS-JS Prettify。 
使用方法一:View -> Show console 或者使用快捷键(Ctrl + ),在命令列的地方輸入:view.run_command(“htmlprettify”),然后按下Enter。 
快捷键:ctrl+shift+h

https://github.com/adampresley/sublime-view-in-browser 
使用方法:在打开的文档任一处点右键,选择“View In Browser”,就会用默认的浏览器自动打开该文件。 
file 
如果你电脑装有多个浏览器,你想换其它的作为此操作的默认浏览器,你可以按以下方法设置: 
file 
打开“View In Browser.sublime-settings”,写入以下代码: 


"browser": "chrome64" 


file 
这样你就把它默认设置为“Chrome”浏览器了,当然你还可以改成“Firefox”、“Safari”等等,前提是你的电脑事先已安装好了这些浏览器。

### LiveReload 插件 
功能说明:调试网页实时自动更新。 
使用说明:快捷键 Ctr+Alt+V 
插件地址:https://github.com/dz0ny/LiveReload-sublimetext2 
file 
同时Chrome浏览器也要安装LiveReload 的扩展插件。 
file

https://github.com/dexbol/sublime-TortoiseSVN

https://github.com/buymeasoda/soda-theme 
安装完成后,点菜单 Preferences—>Settings - User,根据需要的主题效果,添加如下代码。 
Soda 亮色主题请添加: 
file 
Soda 暗色主题请添加:

 {
    "soda_classic_tabs": true,
    "theme": "Soda Dark 3.sublime-theme",
}
  • 1
  • 2
  • 3
  • 4

file

要达到图中的效果,你还需要下载与之搭配的 color scheme。下载地址:http://buymeasoda.github.com/soda-theme/extras/colour-schemes.zip,如果你喜欢 Soda Dark 和 Monokai,我建议你使用 Monokai Extended。这个 color scheme 是 Monokai Soda 的增强,再配合 Markdown Extended ,将大大改善 Markdown 的语法高亮。 
file 
如果加代码 “soda_classic_tabs”:true,文件标签页形状会如下显示: 
file 
如果不添加此行代码,文件标签页形状会如下显示: 
file

http://www.rdiframework.net/

RDIFramework.NET官方博客:http://blog.rdiframework.net/

同时需要说明的,以后的所有技术文章以官方网站为准,欢迎大家收藏!

RDIFramework.NET框架由专业团队长期打造、一直在更新、一直在升级,请放心使用!

欢迎关注RDIFramework.NET框架官方公众微信(微信号:guosisoft),及时了解最新动态。

扫描二维码立即关注