sublime入门基础和常用配置

1.下载安装
这个就是百度找到官网下载,然后安装就可以了,和平常软件一样。

2.基本的快捷键和操作
Ctrl+`(就是1旁边那个键):快速唤起console面板。
Ctrl+Shift+p:调出packagecontrol面板。
Ctrl+/ 快速注释
Ctrl+光标 多点编辑
Ctrl+Shift+上/下 键 可以整体移动一行代码。
Ctrl+Shift+V 进行自适应缩进的黏贴。
Tab键 自动补全代码【超级好用】
Ctrl+K+B 隐藏/显示左面Side Bar
C+enter 快速下启一行
Ctrl+enter 快速下启一行
Ctrl+shift+enter 快速上起一行
Ctrl+[ 向前两个字节 Ctrl+]向后两个字节
Ctrl+左/右 一下子是跳一个单词
左侧显示目录树:View ->Side Bar ->Show Side Bar[直接加载你的目录文件也可以]

3.安装packcontrol
安装packcontrol是为了方便管理插件。
进入https://packagecontrol.io/installation,然后复制installation页面里面Python代码,然后在console面板里运行。

4.安装插件

进入packagecontrol面板,输入pic选择Package Control:Install Package后回车,最后搜素你要安装的插件回车就可以了。

查看你安装的包,Ctrl+Shift+p调出面板,输入list package,就可以查看安装的插件了。

5.常用插件推荐
主题推荐:先安装material,再安装Seti。
Seti主题安装以后是这样界面:
sublime入门基础和常用配置_第1张图片
主题安装:Seti前面和安装平时插件一样,然后复制跳出来的package control message里面的"theme": “Seti.sublime-theme”,然后复制到settings里面(记得加逗号),然后就可以了。
安装后色settings里面的设置一个是这样:

{
	"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme",
	"font_size": 14,
	"ignored_packages":
	[
		"Vintage"
	],
	"theme": "Seti.sublime-theme"
}

代码提示 emmet,主要用于代码提示,非常好用,前端是一定要用的。

Color Highlighter 会自动高亮代码中的颜色,在写纯css的时候比较有用。

SideBarEnhancements 自带的sidebar功能很少,这个插件可以增强sidebar功能。

python关于自动补全还可以安装插件 Jedi 和 Python AutoComplete,Jedi效果最好!!

6.Emmet语法
掌握一些Emmet语法对于提高代码输入速度很有帮助。前提是安装过了Emmet插件。
子代:>

div>ul>li 生成
    

兄弟:+

div+div 生成
    

父代:^

div+div>p>span+em^bq 生成
    

重复:*

ul>li*3 生成
    

成组:()

(div>dl>(dt+dd)*3)+footer>p 生成
    

ID:# CLASS:.

div#header + div.page  生成
    
    

属性:[ ]

td[title="hello world" colspan=3] 生成

6.ubuntu下安装sublime:
https://jingyan.baidu.com/article/fa4125acb8569b28ac7092ea.html

添加sublime text 3的仓库:
sudo add-apt-repository ppa:webupd8team/sublime-text-3
更新软件库:
sudo apt-get update安装Sublime Text 3:
安装Sublime Text 3:
sudo apt-get install sublime-text-installer‘
参考文章:https://jingyan.baidu.com/article/fa4125acb8569b28ac7092ea.html

7.sublime透明度设置:
通过查看github介绍,可以知道快速设置透明度方法是:ctrl+shift+[1,2,3,4,5,6]。
http://blog.csdn.net/w19981220/article/details/47808743

8.其他推荐插件:

JS代码智能提醒:sublimeCodeIntel
关于sublimeCodeIntel配置:http://blog.csdn.net/hehexiaoxia/article/details/54134756

颜色选择器:ColorPicker(Ctrl+Shift+C就可以调出来调色板)

fileheader:文件头部加入创建的时间和作者都信息,具体可以参考https://chenxuehu.com/article/2015/02/4320.html

更多的插件推荐:http://www.haorooms.com/post/sublime_use

未完待续,随着学习将会继续补充使用方法。

你可能感兴趣的:(工具使用)