Ubuntu Win10 Sublime 3 主题插件配置折腾笔记

本文详细介绍了如何在Windows和Ubuntu环境下安装并配置Sublime Text编辑器,包括激活方式、推荐插件及其配置方法。适用于前端开发者。

安装

  • Win10:直接去官网下载,百度软件中心下载的安装包不允许选择安装路径(眼瞎没看见?。。。!)
  • Ubuntu:官网有指导

激活(请大家购买正版)

—– BEGIN LICENSE —–
TwitterInc
200 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 ——

下载插件

快捷键:Ctrl+shift+p

  1. Package Control
  2. HTML5
  3. CSS3
  4. Emmet
  5. AutoFileName
  6. FileDiffs
  7. SideBarEnhancements
  8. BracketHighlighter
  9. SublimeCodeIntel
  10. ColorPicker
  11. Git
  12. DocBlockr
  13. ConvertToUTF8
  14. HTML-CSS-JS Prettify
  15. Color Highlighter
  16. Material Theme(安装期间会提示需要安装A FILE ICON,不同的文件可以显示不同的文件图标)
  17. LiveReload
  18. Bootstrap 3 Snippets
  19. Vuejs Snippets
  20. Vue Syntax Highlight
  21. Boxy Theme
  22. OmniMarkupPreviewer
  23. Color Highlighter
  24. Git Gutter

官方插件库地址

配置

Color Highlighter

效果图(有瑕疵,直接引用的(^__^) 嘻嘻……css文件中需要单击才能显示颜色,直接显示颜色?
原来效果

更改配置文件:
Package Settings -> Color Highlighter -> Settings-User加入

{
    "ha_style": "Filled",
}

重新启动sublime 3

HTML-CSS-JS Prettify

随便在一个文件右键HTML-CSS-JS Prettify -> set node path
设置nodejs安装位置,Ubuntu不知道自己nodejs安装位置?命令行whereis node第一个路径就是

LiveReload

网页自动刷新,方便前端开发
Package Settings -> LiveReload -> Settings-User加入

{
    "enabled_plugins": [
        "SimpleReloadPlugin",
        "SimpleRefresh"
    ]
}

chrome浏览器应用商店下载livereload扩展程序,应用商店打不开,开启插件(插件图标空心变实心)

Git

Ubuntu安装毛的git插件呀!
win10:Settings-User加入

{
    "git_command": "git安装目录\\Git\\cmd\\git.exe"
}
Git Gutter

win10:Settings-User加入

{
     "git_binary": "E:/Git/bin/git.exe",
}

OmniMarkupPreviewer

mardown实时预览,只要局域网内的人都可以预览呦!很赞的功能,不过我觉得对讲师一类的人可能比较有用
直接在default配置文件中更改,

  • server_host属性默认是本机地址,可以更改为局域网地址Ubuntu(ip route show) Win10(ipconfig 192.168.X.X)就是了
  • 右键-preview markup in Browser,如果提示404,"extensions": ["tables","strikeout", "fenced_code", "codehilite","attr_list"]将“strikeout”删除

sublime选中的文字的背景色

本人使用的选中的背景色:#778899
修改方法:
preferences->Browse Packages->路径[color themes:主题下面就是路径啦]
找到.tmTheme文件,搜索selection,改变颜色

Ubuntu sublime不能输入中文

百度经验地址
不要改desktop文件,不然你的open in browser,open containning folder等命令会失效的,个人认为就到subl那步就行了,如果实在想用中文写马克笔记,那就用atom,不用这么麻烦的。

Ubuntu sublime中文下沉错位

使用中文字体可解决中文下沉,中英文错位问题。
但是中文字体不是等宽字体,不适合看代码。
解决方法是安装使用YaHei Consolas Hybrid。
命令行安装
wget -qO- https://raw.githubusercontent.com/yakumioto/YaHei-Consolas-Hybrid-1.12/master/install.sh | sudo sh
在Sublime的用户设置中,添加字体设置:
"font_face": "YaHei Consolas Hybrid",

Ubuntu的sublime 3中英文连起来看效果就像懒羊羊!!

当初装sublime的时候在csdn上没找到比较好的插件合集 费了一点功夫自己整合了一下 该集合包括了多种常用插件emmet jsFormat git相关 以及css和php js jquery html5等语言的支持增强插件等 已安装utf8和gbk插件 完美支持中文输入 包含codeIntel和cTags Filediff 侧边栏增强等一系列插件方便开发使用 此外收集了网上的5套主题 多达40几种配色方案 支持自定义外观 默认主题为扁平化flatland 预览:http://lucifr.com/2013/04/12/flatland-theme-for-sublime-text-2/ 请阅读链接中的主题替换方法 以便之后完整替换主题 安装方法: 1.sublime text3版本: 打开sublime text3 依次点击工具栏中的preference->browse packages 到一个类似C:\Users\Adiministor\AppData\Roaming\Sublime Text 3\Packages 的目录 转到向上一级 C:\Users\Adiministor\AppData\Roaming\Sublime Text 3 下 把压缩包中的4个文件夹解压到这个路径覆盖即可 若有自己已定义的内容请先备份 之后再把自己的东西覆盖回去 2.sublime text2版本: 测试过sublime text2 同样通过上述方法可以到相应的路径中 (可能是C:\Users\Adiministor\AppData\Roaming\Sublime Text 2) 然后把压缩包中文件夹解压到C:\Users\Adiministor\AppData\Roaming\Sublime Text 2覆盖 接下来 最重要的一步!! 是到 C:\Users\Adiministor\AppData\Roaming\Sublime Text 2\Packages\User 这个路径下 把Default (Windows).sublime-keymap这个文件的内容全部删掉 或者只保留[]这两个符号 (这里面定义了一些系统默认快捷键 可能是sublime text2只支持32位? 如果不删除的话会导致st2无法启动) 我还是很懒的 喜欢把一些插件集合起来用 但是具体还是要看个人的需求吧 通过package control有太多的插件可供安装 希望这个插件集合能给大家带来一点小便利 方便刚装sublime text的用户哈
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值