2015年5月8日 星期五

Sublime Text Editor 編輯器...我把它用來學網頁語法


Sublime Text 使用囉~

注意事項:

1. 不是免費的,所以....自己暗黑
2. 開始安裝 package囉~

http://kevintsengtw.blogspot.tw/2012/02/sublime-text-2-part1.html

這個教學不錯用。

3. 一開始要學的:
   快捷鍵
          Command Palette 命令調色盤:   Ctrl + Shitf + P
          Console 命令輸入列:  Ctrl + `  (Tab上面啦~)
          無干擾模式(Distraction Free Mode):Shift + F11
 
   安裝package : 首先安裝  Package Control
                            在Console輸入以下code....

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'


好用package :
           LiveReload, (網頁編輯與瀏覽器同步顯示)  (教學文章)
           emmet (快速編輯語法)
           Synchronized File Scrolling(兩頁面同時翻頁)

第一種:上下移動 (Shift + Alt + Up)(Shift + Alt + Down)
第二種:上下頁面移動(Shift + Alt + PageUp)(Shift + Alt + PageDown) 第三種:文件最上面與最下面的移動(Ctrl + Shift + Alt + Home)(Ctrl + Shift + Alt + End)
教學:
http://kevintsengtw.blogspot.tw/2012/06/sublime-text-2-part1.html

 

快速技巧:

@ 專案內不同檔案快速切換:Ctrl + p
@ 多點編輯:想一次在多個地方同時編輯,在想要編輯的地方,
                        按住 Ctrl 或 Alt 然後點下滑鼠左鍵,就會看到底線一直增加...
                        每個底線都同時可以編輯。

@ 多行編輯:用滑鼠選取反白多行內容,按下 Ctrl + Shift + L ,就可以每行為單位開始多行邊編輯。

@ 逐一同字串編輯:點選某範圍的字串,按下Ctrl + D就可以圈選次一個同樣的字串。可以一直按下去......一個一個增加。然後可以同時編輯。

@ 全部同字串編輯:點選某範圍的字串,按Alt + F3(Win) or Ctrl+CMD+D (Mac), 就可以全選同樣的字串。然後可以同時編輯。

@分割視窗: Alt + Shit + 數字鍵

問題 trouble :
桌機安裝package沒問題,但是 Asus T100安裝似乎遇到困難。無法順利安裝。

解決方案:因此直接用複製 package資料夾的方式, 複製到Asus T100中。

在使用LiveReload的時候,與Chrome可以順利連結,但是將Sublime關閉之後,就發現會自動刪除(remove)那些沒有依照正常模式安裝的package。

解決方案:
Preferences => Package Settings => Package Control => Settings Default
跳出文件定義檔 Package Control.sublime-settings
找到  "remove_orphaned": true   ==> 將此參數改成 false


自動縮排

方法1. 安裝HTML/CSS/JS Prettify   (附註:須要安裝 https://nodejs.org/)
            快速鍵:Ctrl + Shift + H

方法2.  Sublime預設功能,在Preferences-->Key Bindings-User 加入以下:
{"keys": ["super+shift+r"], "command": "reindent" , "args": {"single_line": false}} 


沒有留言:

張貼留言