Sublime介绍安装和使用(转载)
?
轉載: 原文鏈接:https://blog.csdn.net/ITTechnologyHome/article/details/80486235
?
1.1 Sublime介紹
Sublime是一款跨平臺、收費的文件編輯器,可以用來編寫HTML,CSS,JavaScript,PHP等應用程序。
1.2 Sublime特點
- 跨平臺,支持主流操作系統,包括macOS,Linux(Ubuntu),Windows
- 體積小,速度快
- 擴展性強,支持眾多插件
- 支持編譯功能,可以在控制臺查看輸出
1.3 Sublime下載安裝
下載地址:https://www.sublimetext.com/
當你使用瀏覽器訪問該地址時,會檢測你操作系統的版本后提示你下載對應版本的Sublime,
如果想下載其他操作系統的版本,請訪問https://www.sublimetext.com/3
安裝注意事項:
1.4 使用Sublime+Chrome實現html版的helloworld
1.使用ctrl+n快捷鍵創建一個新文件,保存在本地路徑(例如d:workspace/html),文件名為helloworld.html
2.使用sublime的快捷鍵html+tab生成html5結構,并在head標簽中加入編碼設置
<!DOCTYPE html> <html> <head><title></title><meta charset="utf-8"> </head> <body></body> </html>3 設置網頁的標題信息
修改title標簽的內容如下所示
<title>this is my first web page</title>- 1
4 實現helloworld
在body標簽中添加如下內容即可
<h1>hello world</h1>- 1
5 使用Open In Brower在瀏覽器中查看效果
在編寫完html文件之后按ctrl+s保存后,Sublime可以直接通過鼠標右鍵Open in Broswer查看html的效果,效果如下所示
Sublime提供了項目管理的功能,可以將某個目錄添加到項目,通過菜單Project->Add Folder to Project,然后選擇D:\workspace\html目錄即可,效果如下圖所示
二 Sublime插件的安裝和使用
2.1 Sublime插件安裝的方式
離線安裝:通過下載插件的安裝包,然后復制到Sublime安裝目錄的packages目錄(C:\Users${user.name}\AppData\Roaming\Sublime Text 3\Installed Packages)后重啟即可,不推薦該方式來安裝插件。
使用Sublime的插件包管理器Package Control來管理插件(瀏覽、安裝、卸載)
2.2 Package Control安裝
在官網下載的Sublime默認是不帶Package Control組件的,可以通過快捷鍵ctrl+shift+p調出命令框,然后輸入pc,如下圖表示沒有安裝,
然后可以點擊Install Package Control便會自動安裝Package Control,并會看到如下的消息提示?
Package Control安裝的另外一種方式
2 使用ctrl+~調出sublime的控制臺,然后輸入如下內容并回車
內容來源于:https://packagecontrol.io/installation#st3
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)- 1
稍等片刻后即可安裝完成。
當使用ctrl+shift+p調用命令框并輸入pc,查看到以下的內容便證明Package Control安裝成功了。?
2.3 插件安裝刪除
2.3.1 插件安裝
首先使用快捷鍵ctrl+shift+p調出命令面板,然后輸入Package Control:Install Package后回車,這樣會拉取插件列表,然后在搜索欄中輸入想要安裝的插件即可,如下圖所示?
如果想要漢化Sublime,只需要在搜索框中輸入ChineseLocalizations后回車即可在后臺安裝,漢化效果如圖所示?
如果想關閉命令框,按esc鍵即可。
2.3.2 插件刪除
通過快捷鍵control+shift+p調出命令框,然后輸入Package Control:Remove Package,此時會列出已經安裝的插件,然后在命令框中輸入要刪除的插件即可。
2.4 Sublime常用插件
| ConvertToUTF8 | 文件編碼轉換為UTF-8 |
| Emmet | 快速編寫html,css |
| SublimeCodeIntel | 代碼提示 |
| SidebarEnhancements | 側邊欄插件 |
總結
以上是生活随笔為你收集整理的Sublime介绍安装和使用(转载)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 对于计算机网络的整体框架的概括(转载)
- 下一篇: Sublime Text提示Unable