【ReactJS】一、手把手搭建ReactJS开发环境（Sublime）

React的介绍我就不多说了，总之最近很火。

最近打算学一下react(其实是预谋已久)，所以对于我这个高度强迫症患者来说，开发环境是我第一步要解决的事情。

这里我以Sublime作为编辑器。

为什么选择sublime？因为他插件太多了。。所以资源很丰富，恰好也有对ReactJS支持的插件。好了进入正题。

一、下载Sublime Text 3

略

二、安装Package Control插件

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)

其实就是把上面这段代码复制到Sublime的Console中，按回车就ok了。
不知道怎么呼出Console的话，就按 Ctrl+~

ps：可以在sublime界面的左下角看到一个等于符号在移动，当他消失的时候就是安装成功了。



三、安装、配置 Babel插件（GitHub）：JSX的高亮工具

在Preferences中找到上一步安装的 Package Control：

打上“Babel”，点击安装



安装完了之后

勾选 View->Syntax->Babel->JavaScript(Babel)

重启sublime

就可以看到

sublime已经对支持jsx语法高亮了。

四、安装ReactJS代码补全工具（GitHub）



同第三步一样，先打开packagecontrol，搜索ReactJS

点击安装

这样以来就有ReactJS的代码补全了。