最近在学习 Javascript，在 w3c school 上把教程看完了，也算个刚刚入门的水平，一直都是在 win 系统 上练习。

但是因为写 python 代码的 pycharm 和 git 配置都在 ubuntu 上设置的比较完善了，实在是不想在 win 上再配置一遍，同时电脑装的双系统， ubuntu 可以访问 win 的文件系统，但是反过来 win 是不能访问 ubuntu 文件系统的，所以就打算在 ubuntu 上找个 html 和 Javascript 的编辑器。

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

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

试用bluefish编辑器

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

打开终端输入命令：

sudo apt-get install bluefish

好啦，等待安装完成吧。

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

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

好吧，你被我ban了,bluefish。

安装 sublime text 3

只能再找一个编辑器了。

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

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

一.通过下载软件包安装

1.到subl官网下载软件安装包，subl下载官网是 http://www.sublimetext.com/2

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就安装完成了，安装完成会自动启动，把软件图标锁定到侧边启动栏，以后就直接可以点击图标启动了。

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

三.sublime text 3 的基本配置

1.安装最重要的插件，package control 插件

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

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

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

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

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 Text。

安装成功后，就可以汉化subl了，毕竟英文看着也不是很舒服啊。

2. sublime text 3 的中文汉化

汉化subl很简单。

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

3.sublime text 3 的激活

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

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

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

4.sublame text 3 的设置

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

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

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

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

{

	"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 实现美观的 方块光标。

5. 安装 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 选项，在用户设置文件中，输入一下代码。

[

{

"keys": [

"tab"

],

"args": {

"action": "expand_abbreviation"

},

"command": "run_emmet_action",

"context": [

{

"key": "emmet_action_enabled.expand_abbreviation"

}

]

}

]

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

6.清空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需要经过配置才能输入中文，但是软件是可以直接显示中文的。（输入中文的配置过程比较麻烦，请思考对中文是否有特别需求，若无可以无视，去配置纯属浪费时间）
• 在编程中，生产力的提升比生产工具重要的多，所以请谨慎考虑自己的需求，根据需求配置生产环境（意思是不需要装一大堆别人都说好的插件啊！）
• 最难的事，是明白自己想要什么