sublime入门基础和常用配置

最新推荐文章于 2024-10-06 20:39:22 发布

Cacra

最新推荐文章于 2024-10-06 20:39:22 发布

阅读量1.2w

点赞数 4

分类专栏：工具使用

本文链接：https://blog.csdn.net/u014465934/article/details/72810763

版权

工具使用专栏收录该内容

20 篇文章 0 订阅

订阅专栏

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主题安装以后是这样界面：
这里写图片描述
主题安装：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>
    	<ul>
    		<li></li>
    	</ul>
    </div>

兄弟：+

div+div 生成
    <div></div>
    <div></div>

父代：^

div+div>p>span+em^bq 生成
    <div></div>
        <div>
            <p><span></span><em></em></p>
            <blockquote></blockquote>
        </div>

重复：*

ul>li*3 生成
    <ul>
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    </ul>

成组：（）

（div>dl>(dt+dd)*3）+footer>p 生成
    <div>
            <dl>
                <dt></dt>
                <dd></dd>
                <dt></dt>
                <dd></dd>
                <dt></dt>
                <dd></dd>
            </dl>
    </div>
    <footer>
    	<p></p>
    </footer>

ID:# CLASS:.

div#header + div.page  生成
    <div id="header"></div>
    <div class="page"></div>

属性：[ ]

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

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

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