開始學習前端知識，做一些筆記來記錄下～ 之前學習都是使用的dw 現在前端開發工具既輕便功能也夠強大。 下麵記錄下常用的前端工具： 工具安裝： Sublime3安裝 官網下載地址：http://www.sublimetext.com/ 安裝插件步驟： 第一步：安裝插件的包管理器：package con ...
開始學習前端知識，做一些筆記來記錄下～
之前學習都是使用的dw 現在前端開發工具既輕便功能也夠強大。
下麵記錄下常用的前端工具：
- Sublime3:需要安裝第三方包，一般
- Atom:繼承度非常好
- VS code:智能提示非常強大
- Webstorm:大項目，建議使用
- markman:標註／測量工具（基於adobe air）
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())
（sublime2）
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')
重啟一下sublime 第二步：安裝第三方插件 ctrl＋shift+p ( Preferences>package control )打開命令面板 輸入install package 回車 輸入包的關鍵字進行搜索，回車安裝（左擊安裝第三方的包） 包管理器的官方網址 ：https://packagecontrol.io 建議安裝的sublime插件： 1.ConvertToUTF8:解決文件編碼轉化問題 2.Emmet:快速編寫html,css,js的神級插件 3.SublimeLinter:高亮有錯誤的代碼行，也支持高亮一些註釋 4.ColorPicker:顏色選擇器 5.HTMLBeautify:html格式化插件 6.AllAutoComplete:自動提示 7.IMESupport:輸入法支持插件 8.Material Theme:推薦主題 9.Chineselocation:qit漢化包 10.Alignment： 代碼格式自動對齊 11.Bracket Highlighter：括弧高亮 sublime的win 常用快捷鍵： 快捷鍵： ctrl+/ :註釋 ctrl+x\v\y\z 剪切、粘貼、重覆、取消 ctrl+滾動 縮放大小 ctrl+n 新建 ctrl+回車，在游標當前行下麵創建一個新行，並讓游標跳到新行行首。 ctrl+shift+回車：正好相反。 ctrl+shift+v 粘貼並保持縮進 ctrl+shift+d 複製當前行 ctrl+shift+↑ 向上移動行，↓同樣道理 shift+滑鼠右鍵 選中多行同時編輯 ctrl+f查找 ctrl+h查找和替換 ctrl+[ 增加左縮進 ctrl+]增加右縮進 ctrl+g: 跳轉到第幾行 其他幾個就不一一介紹了。 atom 官方網址：https://atom.io webstorm 官方網址：http://www.jetbrains.com
