最近在学习 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. MySQL两种引擎的区别

    Innodb引擎 Innodb引擎提供了对数据库ACID事务的支持,并且实现了SQL标准的四种隔离级别.该引擎还提供了行级锁和外键约束,它的设计目标是处理大容量数据库系统,它本身其实就是基于MySQL ...

  2. 第十七篇 基于Bootstarp 仿京东多条件筛选插件的开发(展示下)

    前些时候用换了工作,本来是用的前端框架是easyui,后面用的是bootstrap.对于我来说虽然不是新东西,因为原来毕业时候用过一段时间,也不懂什么插件的开发,现在用过easyui后觉得easyui ...

  3. windows 安装 Scrapy的套路

    我最近在琢磨scrapy爬虫框架,在windows中安装scrapy遇到了不少坑:直接 pip install scrapy 安装不成功的,百度说要安装vc2008+等等,安装这些时间太长,最后找到一 ...

  4. 解决clipboard手机端无法复制的一种思路

    最近,做了一个切图的小项目 主要内容是微信号的推广页面,上面会有精美的图片和微信号:) 点击按钮,会复制到粘贴板上,自己去微信里面粘贴搜索:),懒人会进行一系列复杂操作么,不看好 首先,百度了一下,看 ...

  5. Kubernetes运维生态-Heapster分析

    Heapster在Kubernetes的运维生态中如下:集群的容器的监控数据收敛汇聚层 heapster1.0版本后内部分为event和metric两个进程,可制作为两个docker镜像部署为两个独立 ...

  6. 【DOORS】如何基于DOORS实施需求管理

    引言 IBM Rational DOORS,简称DOORS,是被业界广泛认可的需求管理工具,在国内外需求管理领域具有较高的市场占有率.需求管理作为传统的工程领域,理论发展相对成熟和健全.随着越来越多的 ...

  7. SVNManager配置

    1.svn与apache的安装 yum install -y subversion httpd   httpd.conf添加如下内容: LoadModule dav_svn_module module ...

  8. SEO-长尾词与分词技术

        长尾关键词与分词技术 长尾关键词:网站非目标关键词,能给网站带来流量的关键词. 例如:主关键词是成都网站建设 那么,跟成都网站建设相关的词,就叫做长尾关键词. 比如:成都网站建设哪里好?成都网 ...

  9. ConfigParser-- 读取写入配置文件

    基础读取配置文件   -read(filename)               直接读取文件内容 -sections()                      得到所有的section,并以列表 ...

  10. Metadata Service 一个最简单的应用 - 每天5分钟玩转 OpenStack(164)

    实现 instance 定制化,cloud-init(或 cloudbase-init)只是故事的一半,metadata service 则是故事的的另一半.两者的分工是:metadata servi ...