sublime text3 在ubutun下的下载和配置
最近在学习 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需要经过配置才能输入中文,但是软件是可以直接显示中文的。(输入中文的配置过程比较麻烦,请思考对中文是否有特别需求,若无可以无视,去配置纯属浪费时间)
- 在编程中,生产力的提升比生产工具重要的多,所以请谨慎考虑自己的需求,根据需求配置生产环境(意思是不需要装一大堆别人都说好的插件啊!)
- 最难的事,是明白自己想要什么
sublime text3 在ubutun下的下载和配置的更多相关文章
- sublime Text3在mac下设置窗口实现多标签
打开Sublime Text3,点击左上角的Sublime Text3按钮,然后选择“Preferences”里面的“Settings-user” 在打开的配置文件里面,加入下面图中的这句代码即可&q ...
- 解决在sublime text3在ubuntu下无法输入中文的问题
方法链接:https://github.com/lyfeyaj/sublime-text-imfix 效果图:
- sublime Text3下载与安装以及解决安装Install Package时遇见的问题
最近下载安装sublime Text3后,在安装Install Package时遇到了几个问题,网上搜了一大圈终于解决了,特此记录为以后之便. 一.下载安装sublime Text3 1.sublim ...
- Sublime Text3 配置 NodeJs 环境
前言 大家都知道,Sublime Text 安装插件一般从 Package Control 中直接安装即可,当我安装 node js 插件时候,直接通过Package Control 安装,虽然插件安 ...
- Sublime Text3 中文汉化
首先安装Package Control,如果已经安装过可以跳过此步骤.可以按照官网这里https://packagecontrol.io/installation 复制命令或者直接复制下面: impo ...
- sublime text3汉化
注意在安装 sublime text3 时勾选Add to explorer context menu,这样在右键单击文件时就可以直接使用Sublime Text打开. 下载Package Contr ...
- [转] Sublime Text3 配置 NodeJs 环境
前言 大家都知道,Sublime Text 安装插件一般从 Package Control 中直接安装即可,当我安装 node js 插件时候,直接通过Package Control 安装,虽然插件安 ...
- centos6.5安装sublime Text3破解版
安装后的效果图: 在csdn上找到了一个破解版. http://download.csdn.net/download/phpscott2/5356561 安装后,能够运行,但每次打开都提示没有安装py ...
- 【编程工具】Sublime Text3的安装和常用插件推荐
本人刚刚学习 HTML,曾经上网找过一些编写 HTML 的软件,但感觉都不太好,经过三挑四选下,最终我决定选择 Sublime Text3 这款软件来作为学习工具,上网找到了许多实用的插件,在这里给大 ...
随机推荐
- web性能优化 来自《web全栈工程师的自我修养》
最近在看<web全栈工程师的自我修养>一书,作者是来自腾讯的前端工程师.作者在做招聘前端的时候问应聘者web新能优化有什么了解和经验,应聘者思索后回答“在发布项目之前压缩css和 Java ...
- 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. ...
- angular2新手学习笔记(1)概述
作为培训生出生的一员.在培训出来之后如愿的找到了一份能温饱的工作.进来之后告知公司后面的项目需要angular2来搭建. 对于只会jQuery和bootstrap这两招的我来说无疑是一个巨大的挑战,在 ...
- db2 load乱码问题
在使用db2过程中经常需要从一个库里拿数据到自己库里来,通常需要将源表的数据导为数据文件,通过数据文件load到自己库里. 这个过程如果两个库的字符编码不一致,常规导入导出就会出现中文乱码. 以下是两 ...
- 辗转相除法求H.C.F小结
辗转相除法 大纲: 问题 原理 反思 1. 问题 一个试题,请完成以下填空 下列程序是利用辗转相除法求H.C.F(最大公约数) include <stdio.h> int main ...
- Visual Studio 2017离线安装包,百度云分流
Visual Studio正式版发布了,然而只能在线安装.虽然官方有提供了离线的方法,但还是蛮复杂的,所以我打包了两个版本发布至百度云分享. 离线分流 地址:http://pan.baidu.com/ ...
- Spring总结_04_容器和bean
一.概念理解 1.容器 IoC容器负责容纳并管理bean,在Spring中,BeanFactory是IoC容器的核心接口. 它的职责包括:实例化.定位.配置应用程序中的对象及建立这些对象间的依赖. ...
- 1798: [Ahoi2009]Seq 维护序列seq
1798: [Ahoi2009]Seq 维护序列seq Time Limit: 30 Sec Memory Limit: 64 MBSubmit: 2930 Solved: 1087[Submit ...
- php数组的使用
<?php echo "<h2>--------普通数组--------</h2>"; $arr1 = array(1,2,3,4); print_r ...
- 元素类型为 "package" 的内容必须匹配 "(result-types?,interceptors?,default-interceptor-ref?
该错误为struts.xml内配置文件节点顺序错误. package内的元素节点必须按照以下顺序排放: result-types interceptors defau ...