React 開發環境搭建 以及emmet的簡單文法

標籤：

1，React的開發背景

2，React的特點

3，React的開發環境搭建

3.1 下載FaceBook官方的基礎代碼

     ：facebook.github.io/react/index.html

3.2 文字編輯器Sublime Text3安裝

     3.2.1 下載sublime Text3下載 地址：http://www.sublimetext.com/3

    

             首先安裝packagecontrol 詳見一下地址：https://packagecontrol.io/installation

             開啟Sublime Text3 快速鍵ctrl+~ 開啟Sublime Text3的控制台程式 將下面代碼複製粘貼 按斷行符號即可，安裝完成之後 重啟Sublime Text3：

             import urllib.request,os,hashlib; h = ‘2915d1851351e5ee549c20394736b442‘ + ‘8bc59f460fa1548d1514676163dafc88‘; 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)

           安裝完成packagecontrol之後 開啟Sublime Text3的Preferences工具列的Package Control 輸入Install Package命令 這樣就可以通過Package Control來安裝一下外掛程式

           

     3.2.2 安裝Emmet外掛程式

            先進入Package Control 選擇Install Package 輸入Emmet 安裝即可 看左下角 當emmet V8引擎安裝完成後即可

            重啟Sublime Text3 輸入 div#test 將其儲存為html檔案後 在按Tab鍵 即可自動產生:<div id="test"></div>

            

     3.2.3 安裝HTML-CSS-JS Prettify外掛程式（基於Node.js,後續繼續補充）

              先進入Package Control 選擇Install Package 輸入HTML-CSS-JS Prettify 進行安裝，但是必須要先安裝好Nodejs後才會起作用

     3.2.4 安裝Spacegray模板

             進入Spacegray官方網站：https://github.com/kkga/spacegray

             先進入Package Control 選擇Install Package 輸入Spacegray 進行安裝

             安裝完成後在Preferences的Settings-User中加入：

             一下下代碼：

{
"font_face":"Noto Sans CJK SC",
"font_size":16,
"ignored_packages":
[
"Vintage"
],
"theme": "Spacegray Eighties.sublime-theme",
"color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme"
}即可

4，簡單介紹下Emmet文法：

    子代：>  兄弟：+ 父代：^ 重複：* 成組：()  ID:# CLASS:.

 

      

    

 

React 開發環境搭建 以及emmet的簡單文法