您的位置:首页 > Web前端 > JavaScript

Sublime Text 3 安装及常用插件配置

2017-04-18 22:59 591 查看


Sulbime Text 3 安装

官网安装地址:http://www.sublimetext.com/3(OS X,Windows,Windows 64bit,Linux 32bit,Linux 64bit)


Sulbime Text3 插件管理器

安装插件管理器(Sublime Package Control):https://sublime.wbond.net/installation

菜单view > Show Console 调出命令行工具粘贴命令

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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://sublime.wbond.net/' + 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 Control 这个选项,即表示插件管理器安装成功!


Sulbime Text3 常用插件

1、Emmet

提高HTML & CSS3编写速度。

2、Theme – Soda

一直用的一款皮肤

3、sideBarEnhancements

侧边栏右键增效插件,提高页面处理速度。

4、HTML5

Sublime Text3支持HTML5

5、Sass

Sublime Text3支持Sass
6、Less

Sublime Text3支持Less

6、All Autocomplete

检查全部打开文件,相似自动补全插件

7、SublimeCodeIntel

代码提示工具

8、BracketHighlighter

成对匹配增强,并修改括号等的颜色

9、jQuery

Sublime Text3支持jQuery

10、DocBlockr

快速注释

11、ColorPicker

颜色获取

12、ConvertToUTF8

UTF8转换

13、FileDiffs

查找文档不同
14、LiveStyle

配合插件实时调试样式使用grunt watch已经不需要这个插件了。

15、Alignment

等号对齐 快捷键会有冲突 重新在Alignment > Key Bindings – User 配置快捷键 ctrl+alt+f

16、SublimeTmpl

快速格式化代码

17、Gutter Color

颜色提示 需要imageMagick支持

18、Can I Use

可以直接调整到caniuse看到当前属性的浏览器支持情况。快捷键

19、InsertDate

插入时间,项目文件存在CDN的时候,需要改变时间戳才会看到效果,这个是个好东西。

20、Git

Git插件,提供Git常用的命令集合。

21、Auto​File​Name

自动提示路径插件




Sulbime Text3 Settings – User配置

Preferences -> Settings – User

{

    "auto_complete": false,

    "auto_complete_commit_on_tab": false,

    "draw_minimap_border": true,

    "draw_white_space": "all",

    "font_face": "YaHei
Consolas Hybrid",

    "font_size": 13.0,

    "highlight_line": true,

    "highlight_modified_tabs": true,

    "ignored_packages":

    [

        "Vintage",

        "LiveStyle"

    ],

    "line_padding_bottom": 1,

    "line_padding_top": 1,

    "tab_size": 4,

    "theme": "Soda
Dark 3.sublime-theme",

    "translate_tabs_to_spaces": true,

    "trim_trailing_white_space_on_save": true,

    "word_wrap": true
}


参考文章

http://ipestov.com/the-best-plugins-for-sublime-text/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息