一、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/zh-hant/n/159160.html
微信掃一掃 
支付寶掃一掃 