一、Sublime Text
Sublime Text是一款高级文本编辑器，可用于代码编辑、Markdown编辑等等。它有着简洁明了的界面，而且可以添加各种插件来扩展其功能。使用Sublime Text有许多快捷键和技巧。
二、Sublime使用
1、安装Sublime Text 3。
可以上官网下载Sublime Text 3进行安装，也可以利用Homebrew进行安装：
$ brew cask install sublime-text
2、了解Sublime Text的界面和布局。
Sublime Text的界面有着菜单栏、工具栏、编辑器区域及侧边栏，快捷键也分为全局快捷键和编辑器快捷键。
编辑器区域分为工作区和标签页，标签页可以通过Ctrl+Shift+T打开历史标签页，Ctrl+Tab切换标签页。
侧边栏可以浏览目录。
3、使用Sublime Text进行代码编辑。
对于代码编辑，可以使用快捷键Ctrl+Shift+N进行新建文档，Ctrl+O打开文件，Ctrl+S保存文件，Ctrl+Shift+S另存为。
对于复制黏贴，可以使用Ctrl+C和Ctrl+V进行，删除内容可以使用Backspace或Delete。
此外，Sublime Text还支持自动完成、代码折叠、跨文件搜索、多行选择等功能，可以极大地提高编码效率。
三、Sublime快速生成HTML5
Sublime Text还可以通过插件快速生成HTML5基本文件模板，这里介绍一种Sublime Text插件-Emmet。
1、安装Emmet。
打开Sublime Text的控制台（Ctrl+`)，输入以下命令：
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())
安装完成后，重启Sublime Text，按下Ctrl+Shift+P，输入install，选择Package Control: Install Package。
在列表中选择Emmet进行安装。
2、快速生成HTML5。
打开一个新的文件并输入HTML:5，按下Tab键，即可快速生成HTML5文件模板。
如果需要创建包含CSS和JS文件的HTML5文件，可以在head标签内使用link标签和script标签分别引入CSS和JS文件，并将对应文件存放在同一目录下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
四、其他Sublime Text插件
Sublime Text 3有着丰富的插件市场，常用的插件有：
1、ColorPicker，用于选择颜色并生成对应的CSS代码;
2、SideBar Enhancements，用于增强侧边栏的功能，增加文件、文件夹的复制、剪切等操作。
3、Git，用于在编辑器中使用Git进行版本控制。
4、BracketHighlighter，用于加强括号匹配。
5、AutoFileName，用于自动匹配文件名。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/159160.html
微信扫一扫 
支付宝扫一扫 