mac端推薦使用sublime+emmet.
sublime text需要一款強大的外掛程式——emmet。
1 安裝package control，使用control+`開啟控制台，輸入如下：
text02版本：
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( '' +pf.replace( ' ','%20' )).read()); print( 'please restart sublime text to finish installation')
text03版本：
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( '' + pf.replace(' ','%20')).read())
2 tools->command platte，輸入:install package。再輸入emmet安裝重啟即可。
關於emmet的使用介紹，emmet使用類似於css的語法，快速生成html
!+tab：生成html頁面框架；
快速新增標籤
標籤名[.類名][#id名]+tab，快速生成
標籤名*n+tab，可以複製為n個單元
mac
option+command—+j，開啟開發者工具。
win f12
使用箭頭選取html頁面中對應元素，在elements視窗顯示相應的html，在style視窗顯示樣式，並且能新增更改樣式，實時檢視不同樣式的顯示效果。
Front end 如何使用html框架
最近學習乙個古老的實踐工程裡有涉及到framset和d tree的用法，儘管他們好像都不有點落伍了，但還是簡單的總結一下。這兩東西以前一般用在後台裡，現在趕時間的話也可以用，很快，就是有點醜。frameset 就是來控制把整個頁面分成幾個frame，分多大。frameborder 決定是否顯示邊框 ...
五個 ping 工具的使用例項
在講述一些關於ping工具真實直觀的使用例項前，先讓我來介紹一下這個命令列工具及其目的。ping工具通常用來測試一台主機在網際網路協議 ip 網路內的可達性。其名字源於主動聲納法 在水下建立乙個脈衝聲音頻號 ping 並偵聽周圍物體的返回訊號。該方法同樣生動描述了ping網路工具的工作原理。ping...
五 定位工具
本文 inspector暫時在windows上無法使用，在mac上是可以支援的。android sdk自帶的定位工具，在tools目錄下 雙擊開啟工具 連上手機或者開啟模擬器，cmd輸入adb devices可以檢視裝置連線情況 點選定位工具的device screenshot按鈕，定位工具會擷取螢...