Fork me on GitHub

sublime text3在ubutun下的安装和配置

发表于 | 分类于 ， |
字数统计 2,247 字 | 阅读时长 8 分钟

最近在折腾ubutun系统，打算作为平常使用的主系统，就想在 ubuntu 上找个写 html 和 Javascript 的编辑器。

在win上使用的 javascript 编辑器用的是 notepad++，但是 linux 上好像是没有的，那只有再找一个了。

我的需求是 一个轻量级的 javascript 编辑器，只需要编辑器有基本功能如语法高亮，语法检查就行，最好安装简单，不要太浪费时间配置。

最终选择了Sublime text3，这篇博客就是对其的安装配置过程的记录和介绍。

试用bluefish编辑器

首先找到的是一款叫 bluefish 的编辑器，这款编辑器的优点是启动快，界面美观大方。而且安装简单，同时自带中文，哈哈，看起来很适合我这种菜鸡啊。那就先装上试试吧。

打开终端输入命令：

sudo apt-get install bluefish

好啦，等待安装完成吧。

安装完成后，打开先写点代码试试，在熟悉了一下编辑器功能后，发现有两个我无法接受的缺点：

  • 不支持使用 vim 模式 （这让我怎么写代码？）
  • 不支持安装 emmet 插件 （啊，我写代码要打一堆尖括号啊？不能忍啊！）

好吧，你被我ban了,bluefish。

安装sublime

只能再找一个编辑器了。

google一下，发现好多人推荐 sublime text 啊，启动速度快，能自己拓展，那装一个试试吧。

linux的ubuntu系统下sublime text 3（以下简称subl） 的安装有两种方法：

通过下载软件包安装

1.到subl官网下载软件安装包，这是sublime下载官网

2.直接双击下载的软件包即可安装 。

通过终端安装

  1. 打开终端，首先安装 subl3 的软件库，使用命令

    sudo add-apt-repository ppa:webupd8team/sublime-text-3

    中间会询问是否添加仓库，点击enter即可。

  2. 刷新软件库，使用命令

    sudo apt-get update

  3. 安装subl3,使用命令

    sudo apt-get install sublime-text-installer

通过以上三步，subl就安装完成了，安装完成会自动启动，把软件图标锁定到侧边启动栏，以后就直接可以点击图标启动了。

然后就是最基本的配置了。

使用前配置

安装package control 插件

这个插件相当于其他所有插件的接口，通过 package control 插件，我们可以方便 直观 只需点一点 的安装其他插件（简直是execting）。

这个插件的安装方法也很简单。

首先打开 subl 的命令行，使用快捷键 ctrl +`（就是～那个键），或者点击菜单 view 选项卡里的那个 show consoles 选项，调出控制台。

然后在控制台输入以下命令

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())

点击菜单栏 Preferences 选项卡，看一下有没有pcakage control 选项，如果有，就说明安装成功。

如果无法通过命令安装，就只能手动安装了。

手动安装步骤如下

  • 1.点击Preferences > Browse Packages菜单
  • 2.进入打开的目录的上层目录，然后再进入 Installed Packages/ 目录
  • 3.下载 Package Control.sublime-package 并 复制到 Installed Packages/目录
  • 4.重启Sublime Text3。

汉化

汉化subl很简单。

  • 直接点击 Preferences 选项卡的 package control 选项，选择下拉的 install package 选项
  • 在输入框中输入 localization ，然后点击检索出来的 Chineselocalizetion 插件，等待安装完成
  • 再看一下界面，已经成中文的了。如果需要切换，点击 帮助 选项卡的 language 选项可以选择你想要的语言。

激活

其实使用subl也并不是特别需要激活，因为只是会隔几十分钟提示一下你未激活，不影响什么。

对于强迫症用户，可以选择两种方式激活。

  • 付费激活，虽然有点贵，大几百，有点肉疼。
  • 破解（我只提示一下，点开帮助的关于选项卡，看一下版本号，然后去搜激活码，一搜一堆，就不在这贴激活码了，不太好）（毕竟我心里还是比较想支持正版的，穷啊）

设置

subl的设置跟别的软件不太一样，不是通过一堆选项卡和按钮来设置界面，字体等，而是使用json文件形式。设置使用的 json 文件一式两份，一份默认设置，一份用户设置，用户设置优先，也就是说你在用户的 json 里写了的设置就使用你写的，没写就使用默认的。

你想设置什么需要自己去写入json文件。点开菜单 首选项 选项卡，选择设置，会打开两个文件，左边的是默认设置，右边的是用户设置。

当然，作为轻度用户，并不需要设置许多东西。只需要设置一下字体行距就行。

我的配置如下，可以直接粘贴进你的用户设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{
    "bold_folder_labels": true,
    "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
    "font_size": 15,
    "highlight_line": true,
    "ignored_packages":
    [
    ],
    "rulers":
    [
    	80
    ],
    "save_on_focus_lost": true,
    "scroll_past_end": true,
    "show_encoding": true,
    "show_full_path": true,
    "show_line_endings": true,
    "tab_size": 2,
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": true
}

同时提示一下，如果想详细设置的，可以看我的另一篇博客，是subl所有默认设置的中文版本翻译，篇幅较长，在这就不贴了。

着重看一下 配置文件里的这个 “ignored_packages”: 项，这个是忽略的插件的列表。如果你想使用 vim 的话，可以就像我一样，将忽略插件列表里默认有的 vintage 字符删去就可以启用vim模式了。

在 sublime 的vim 模式下，进入命令模式后，光标是一个闪烁的下滑线，难以辨认，使用也不方便，同时在安装了 高亮括号插件 Brackhigtlight 插件后，界面乱七八糟都是下划线，十分难看。

如果想要将 sublime 的 vim 命令模式下光标设置为方块，而不是下划线，可以安装 block cursor everywhere插件 实现美观的 方块光标。

安装 emmet

写 html 怎么能不用 emmet 插件呢，简直是神器啊。可以 google 一下 看一下教程，试用一下，你会发现你已经离不开它了。

安装 emmet 插件很简单，跟安装汉化差不多，点开选项卡 首选项，在点开 package control ，再点击 install package ，在弹出的搜索框输入 emmet，等待安装完成就可以了。

需要注意的是，跟别的编辑器的 emmet 插件使用 table 来自动填写不同，sublame text 3 需要使用 ctrl + e 来完成自动填写。你可以试一下，输入 ！，之后按 ctrl + e，一个HTML文件的主体就出现了。

如果你想在 emmet 使用 tabel 来完成自动填写，那就需要修改 emmet 插件设置了。步骤如下：

  • 选择菜单栏 首选项 选项卡里的 package setting 选项里的 emmet 选项卡。
  • 选择 emmet 选项卡中的 key-bind user 选项，在用户设置文件中，输入一下代码。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
[
    {
        "keys": [
            "tab"
        ],
    "args": {
        "action": "expand_abbreviation"
    },
    "command": "run_emmet_action",
    "context": [
        {
            "key": "emmet_action_enabled.expand_abbreviation"
        }
    ]
    }
]

ok，现在就可以使用 tabel 来完成自动填写了。

清空sublime text 3 配置（还原设置）

subl的缺点就是有时候出现莫名其妙的bug，卸载重装又很麻烦。

这时可以通过清空subl的配置文件，来达到还原设置，让 subl 像刚装上一样，清新可人（这是什么形容词啊？）

清空配置命令如下：

sudo rm -rf /home/$USER/.config/sublime-text-3/

使用后就像恢复出厂设置了一样（不要乱试，后果严重，在你确定需要的时候再使用，否则你要哭出来）

结语

至此，我的 sublime text 3 编辑器的配置已经基本完成，基本功能已经完善，可以作为 生产工具 使用了。

对于subl 的更多配置，就只列出关键要点，由大家自行摸索吧。

  • sublime text 3 的主题是通过与插件相同的方式安装的，可以自行寻找顺眼的主题安装。
  • sublime text3 在 ubuntu 需要经过配置才能输入中文，但是软件是可以直接显示中文的。（输入中文的配置过程比较麻烦，请思考对中文是否有特别需求，若无可以无视，去配置纯属浪费时间）,输入中文设置见我的另一篇博客
  • 在编程中，生产力的提升比生产工具重要的多，所以请谨慎考虑自己的需求，根据需求配置生产环境（意思是不需要装一大堆别人都说好的插件啊！）
  • 最难的事，是明白自己想要什么啊
----本文结束感谢阅读----