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

sublime text3 在ubutun下的下载和配置的更多相关文章

  1. sublime Text3在mac下设置窗口实现多标签

    打开Sublime Text3,点击左上角的Sublime Text3按钮,然后选择“Preferences”里面的“Settings-user” 在打开的配置文件里面,加入下面图中的这句代码即可&q ...

  2. 解决在sublime text3在ubuntu下无法输入中文的问题

    方法链接:https://github.com/lyfeyaj/sublime-text-imfix 效果图:

  3. sublime Text3下载与安装以及解决安装Install Package时遇见的问题

    最近下载安装sublime Text3后,在安装Install Package时遇到了几个问题,网上搜了一大圈终于解决了,特此记录为以后之便. 一.下载安装sublime Text3 1.sublim ...

  4. Sublime Text3 配置 NodeJs 环境

    前言 大家都知道,Sublime Text 安装插件一般从 Package Control 中直接安装即可,当我安装 node js 插件时候,直接通过Package Control 安装,虽然插件安 ...

  5. Sublime Text3 中文汉化

    首先安装Package Control,如果已经安装过可以跳过此步骤.可以按照官网这里https://packagecontrol.io/installation 复制命令或者直接复制下面: impo ...

  6. sublime text3汉化

    注意在安装 sublime text3 时勾选Add to explorer context menu,这样在右键单击文件时就可以直接使用Sublime Text打开. 下载Package Contr ...

  7. [转] Sublime Text3 配置 NodeJs 环境

    前言 大家都知道,Sublime Text 安装插件一般从 Package Control 中直接安装即可,当我安装 node js 插件时候,直接通过Package Control 安装,虽然插件安 ...

  8. centos6.5安装sublime Text3破解版

    安装后的效果图: 在csdn上找到了一个破解版. http://download.csdn.net/download/phpscott2/5356561 安装后,能够运行,但每次打开都提示没有安装py ...

  9. 【编程工具】Sublime Text3的安装和常用插件推荐

    本人刚刚学习 HTML,曾经上网找过一些编写 HTML 的软件,但感觉都不太好,经过三挑四选下,最终我决定选择 Sublime Text3 这款软件来作为学习工具,上网找到了许多实用的插件,在这里给大 ...

随机推荐

  1. web性能优化 来自《web全栈工程师的自我修养》

    最近在看<web全栈工程师的自我修养>一书,作者是来自腾讯的前端工程师.作者在做招聘前端的时候问应聘者web新能优化有什么了解和经验,应聘者思索后回答“在发布项目之前压缩css和 Java ...

  2. java标签(label)求16进制字符串的整数和 把一个整数转为4个16进制字符表示

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Menlo; color: #4f76cb } p.p2 { margin: 0.0px 0. ...

  3. angular2新手学习笔记(1)概述

    作为培训生出生的一员.在培训出来之后如愿的找到了一份能温饱的工作.进来之后告知公司后面的项目需要angular2来搭建. 对于只会jQuery和bootstrap这两招的我来说无疑是一个巨大的挑战,在 ...

  4. db2 load乱码问题

    在使用db2过程中经常需要从一个库里拿数据到自己库里来,通常需要将源表的数据导为数据文件,通过数据文件load到自己库里. 这个过程如果两个库的字符编码不一致,常规导入导出就会出现中文乱码. 以下是两 ...

  5. 辗转相除法求H.C.F小结

    辗转相除法 大纲: 问题 原理 反思 1.     问题 一个试题,请完成以下填空 下列程序是利用辗转相除法求H.C.F(最大公约数) include <stdio.h> int main ...

  6. Visual Studio 2017离线安装包,百度云分流

    Visual Studio正式版发布了,然而只能在线安装.虽然官方有提供了离线的方法,但还是蛮复杂的,所以我打包了两个版本发布至百度云分享. 离线分流 地址:http://pan.baidu.com/ ...

  7. Spring总结_04_容器和bean

     一.概念理解 1.容器 IoC容器负责容纳并管理bean,在Spring中,BeanFactory是IoC容器的核心接口. 它的职责包括:实例化.定位.配置应用程序中的对象及建立这些对象间的依赖. ...

  8. 1798: [Ahoi2009]Seq 维护序列seq

    1798: [Ahoi2009]Seq 维护序列seq Time Limit: 30 Sec  Memory Limit: 64 MBSubmit: 2930  Solved: 1087[Submit ...

  9. php数组的使用

    <?php echo "<h2>--------普通数组--------</h2>"; $arr1 = array(1,2,3,4); print_r ...

  10. 元素类型为 "package" 的内容必须匹配 "(result-types?,interceptors?,default-interceptor-ref?

    该错误为struts.xml内配置文件节点顺序错误. package内的元素节点必须按照以下顺序排放:  result-types         interceptors         defau ...