sublime text3的使用介紹


基礎篇:

基礎教程一:先去官網http://www.sublimetext.com/下載一個sublime text3,環境配置很簡單,你可以全程按next都沒問題。sublime text3優點:1.多行選擇模式 2.提供支持vim兼容模式 3.啟動速度快 4.命令模式 5.提供各種插件。6你可以查看你的文件夾中的圖片哦

基礎教程二:菜單欄主要功能介紹,word大家都用過吧?有些快捷鍵其實類似的,在sublime text3當中你可以ctrl+n新建,ctrl+c復制,ctrl+v粘貼等等,導航條那些功能和其他一些軟件差不多,大同小異,這里就不詳細介紹了,把一下常用的介紹下

基礎教程三:當你在完成一個巨大的項目時,假如有10萬行代碼,boss突然說把某個地方的背景色改一下,那你怎么辦?那么goto anything 就可以發揮強大的功能了,快捷鍵是ctrl+p,這個支持模糊匹配查詢,大伙可以去試試。千萬不要把這個和ctrl+shift+p搞模糊了,ctrl+shift+p是將編輯模式改為JavaScript模式,這是一種命令模式,你可以通過這個將自己的代碼改為其他模式

基礎教程四:多行游標的功能。你在sublime text3中如果想要查找和替換那么快捷鍵是ctrl+h。在sublime text3中有更酷的方式搞定,直接用鼠標選中自己想替換或者更改的那個地方,然后ctrl+D,按幾次ctrl+D就可以有幾個相同地方自己要改的變化到時候。當然你可以alt+F3直接選中你的那些東西,你可以進行替換或者直接在后面進行編輯。說白了多行游標就是ctrl+H,ctrl+D,alt+F3等等鍵組合的綜合應用,你也可以額通過shift+鼠標拖拽實現。

應用篇:

通過上面的學習,你差不多可以使用sublime text3了,現在你可以開啟你的sublime  text3開始用下了。開啟后,想新建個文件,那么ctrl+N,想編輯html模式代碼,那么ctrl+shift+p,然后按ssh,其實就是Set Syntax HTML,然后你就可以編輯html代碼了,用過dreamweaver的小伙伴們應該會發現,每次打開dw,會出現那些頭文件和一些結尾的東西,當然我們sublime text3也可以實現這個東西,但是要配置下一個插件。菜單欄中點擊View->Show Console;在出現的命令行中輸入以下代碼並按enter鍵:

如果是sublime text2:import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

如果是text3: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())

最后

ctrl+shift+p,快捷鍵打開命令行,在里面輸入

Package Control: Install Package

或者點擊Preferences->Package Control輸入也可以

執行后會有一個命令框出現,在里面輸入“Emmet”,這個需要安裝的插件,以前叫zend coding,我想你肯定需要,選擇后enter。

上面操作結束后你就成功安裝好那個插件了,記得重啟。接下來你可以按!+ctrl+E那么像dreamweaver那樣的那些開頭出現的東西,在sublime text3中也出現了。然后自己就可以運用goto anything進行快速編程了。我們一般是在body內敲代碼的,所以我們使用goto  anything的快捷鍵ctrl+P然后在框中輸入#body按回車后就跳到body那里去了,但是不在body里面呀?這時候咋辦呢?我們只要再次按下ctrl+enter就好了,現在就可以在body下編程了。如果你想輸出8個無序列表,那么你可以ul>.iters$*8然后按ctrl+E.那么8個無序列表就這樣產生了。在這里>是表示ul里面的子元素.$代表的是序號,*8表示8行。

大家都喜歡自己的代碼看起來好看點,很工整,那么我們可以通過Ctrl+{或者}來進行縮進處理。選中自己想要縮進的代碼片段按Ctrl+{或者}來調自己想要縮進的地方,

高級應用篇:

<1>安裝插件advanceNewFile,這個是為了讓你可以在自己的右邊那個面板隨意添加文件。安裝過程如下:Ctrl+shift+P--->PC--->advanceNewFile,這樣一來你就安裝成功了;你可以按ctrl+alt+N,下方輸入test.css,那么你將會看到下面兩張圖片,自己對比,第二張圖片右邊出現了test.css文件。你如果想讓test.css這個文件出現在某個文件夾,那么直接在A\B\test.css就好了

<2>安裝插件sidebarenhancements,我們編輯完代碼后希望自己可以在自己想要的瀏覽器上看到,那么我們可以Ctrl+shift+p--->pc--->sidebarenhancements;安裝完成后,自己可以再通過ctrl + k, ctrl + b打開側邊欄,在側邊欄的文件中右擊,找到 open width -> edit applications。里面可以配置自己想要的瀏覽器這里一Chorm為例,更改相愛application的地址就可以了

 

綜上的話,你已經差不多會使用sublime text3了,至於更多復制的功能還有一些快捷鍵大家在實踐中去摸索吧!

 
       


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM