sublime text3 在ubutun下的下载和配置

时间:2024-01-20 18:41:03

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

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

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

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

试用bluefish编辑器

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

打开终端输入命令:

sudo apt-get install bluefish

好啦,等待安装完成吧。

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

  • 1.不支持使用 vim 模式         (这让我怎么写代码?)
  • 2.不支持安装 emmet 插件   (啊,我写代码要打一堆尖括号啊?不能忍啊!)

好吧,你被我ban了,bluefish。

安装 sublime text 3

只能再找一个编辑器了。

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

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