【编程工具】Sublime Text3的安装和常用插件推荐

时间:2022-05-09 08:04:43

本人刚刚学习 HTML,曾经上网找过一些编写 HTML 的软件,但感觉都不太好,经过三挑四选下,最终我决定选择 Sublime Text3 这款软件来作为学习工具,上网找到了许多实用的插件,在这里给大家分享,同时也是为了给以后留个备份。

一.下载安装Sublime Text3软件

官网下载安装包,注意一下自己的系统不要下载错了。下载完,按照步骤安装就行了。下载完后打开你会发现 Sublime Text3 是英文的,有的同学看不懂,咋办?没事有汉化包和汉化插件,各位可以自己选择安装,最后我会给出地址。

二.安装Package Control

Package Control 可以管理你的插件,是一个非常重要的工具,可以用来管理我们所安装的所有插件,十分的有用。这里我有两种安装方法:

第一种:点击工具栏的 " View(查看) " - > " Show Console(显示控制台) ",也可以使用快捷键 " Ctrl+` "。然后去官网,将对应的代码拷贝到控制台中。如果限麻烦,可以直接复制我给出的代码:

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)

然后回车安装。安装过程你可以在控制台或左下角看到的相应的信息。那就是正在安装,稍等片刻就好了。安装好后,重启 Sublime Text3,在 " Preferences(偏好设置) " 中如果能看到 " Package Settings(插件设置) " 和 " Package Control(插件管理) " 这两个项就说明安装成功!

第二种:如果控制台下载安装不了(一般是网络错误),那就只能手动安装了,也没有那么麻烦,我就是手动的。同样到官网,右边有个 " Package Control.sublime-package ":

【编程工具】Sublime Text3的安装和常用插件推荐

下载,然后将下载文件复制到程序目录下的 " Installed Packages " 文件夹中。重启,完成!

三.常用插件推荐

插件安装方法:按下快捷键 " Ctrl+Shift+P ",输入 " Install " 就进入了安装的状态。再输入要安装插件的名称,如下:

1.Alignment

2.AutoFileName

3.Autoprefixer

4.BracketHighlighter

5.ColorPicker

6.ConvertToUTF8

7.Color Highlighter

8.Clipboard History

9.CompactExpandCss-master

10.DocBlocker

11.Emmet

12.FileDiffs

13.Git

14.GBK Encoding Support

15.HTML5

16.IMESupport

17.JQuery

18.JsFormat

19.LESS

20.Less2Css

21.Nodejs

22.Package Control

23.SublimeTmpl

24.SublimeServer

安装好后可以在 " Tools " -> " SublimeServer " -> " Settings " 里面进行配置属性,我的如下:

{
"attempts": 5,
"autorun": false,
"defaultExtension": ".html",
"interval": 500,
"mimetypes":
{
"": "application/octet-stream",
".c": "text/plain",
".h": "text/plain",
".py": "text/plain"
},
"port": 8080
}

然后启动SublimeServer静态服务器:" Tools " -> " SublimeServer " -> " Start SublimeServer "

最后可以在编辑区右键看到 " View in SublimeServer ",点击就能看到效果了!

为了方便还可以为浏览器绑定热键:点击这里(查看方法二)

25.SideBarEnhancements

26.Trailing spaces

27.View in Browser

2019.3.24加入

28.CSS3

29.CSS Extended Completions

30.JavaScript Completions

31.Align​Tab

32.HTML-CSS-JS Prettify

33.Colorsublime

34.Autocomplete Javascript with Method Signature

暂时只有这些了,由于时间限制,这里就不一一给出各个插件的功能,后续有时间在一一补充。

参考来源:链接1    链接2