React开发环境搭建

一、下载Facebook官方的基础代码，主要的JS文件如图所示，该步骤较为简单，此处略过。

二、编辑器的配置。

推荐使用Sublime Text作为常用的编辑器。此处安装几个较为常用的插件：Emmet，HTML-CSS-JS Prettify，Spacegray模板。

Emmet：Emmet的前身是大名鼎鼎的Zen coding，它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，Emmet是很成熟的并且非常适用于编写HTML/XML 和 CSS 代码的前端开发人员，但也可以用于编程语言。详细的语法学习可以参考：Emmet语法学习教程

HTML-CSS-JS Prettify：这是一款集成了格式化（美化）html、css、js三种文件类型的插件。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。

Spacegray模板：改变编辑器的外观。该插件安装完成之后默认并没有起作用，需要手动来设置，编辑默认的配置文件，在sublime Text中，点击Preference> Settings - User中修改默认的配置文件，访问https://github.com/kkga/spacegray可以查看该插件的具体使用方法，在该网站的“How to Activate”部分可以看到每种主题的具体设置代码，选择一种主题的代码复制到配置文件中，然后保存配置文件，主题代码生效。配置文件的修改如图所示：

Sublime Text 3 可用注册码（免破解）

最好还是购买正版支持版权。

以下两枚注册码用最新的Sublime Text 3 3114的版本亲测可用。

—– BEGIN LICENSE SJOLZY.CN —–
Anthony Sansone
Single User License
EA7E-878563
28B9A648 42B99D8A F2E3E9E0 16DE076E
E218B3DC F3606379 C33C1526 E8B58964
B2CB3F63 BDF901BE D31424D2 082891B5
F7058694 55FA46D8 EFC11878 0868F093
B17CAFE7 63A78881 86B78E38 0F146238
BAE22DBB D4EC71A1 0EC2E701 C7F9C648
5CF29CA3 1CB14285 19A46991 E9A98676
14FD4777 2D8A0AB6 A444EE0D CA009B54
—— END LICENSE ——

—– BEGIN LICENSE SJOLZY.CN —–
Alexey Plutalov
Single User License
EA7E-860776
3DC19CC1 134CDF23 504DC871 2DE5CE55
585DC8A6 253BB0D9 637C87A2 D8D0BA85
AAE574AD BA7D6DA9 2B9773F2 324C5DEF
17830A4E FBCF9D1D 182406E9 F883EA87
E585BBA1 2538C270 E2E857C2 194283CA
7234FF9E D0392F93 1D16E021 F1914917
63909E12 203C0169 3F08FFC8 86D06EA8
73DDAEF0 AC559F30 A6A67947 B60104C6
—— END LICENSE ——

使用方法：菜单栏Help - Enter License输入一枚注册码（BEGIN和END之间的内容）即可。

1、安装Package Control

Sublime Text本身没有管理插件的功能，通过安装Package Control来管理各个插件。

（1）Package Control的官方网站如图所示，进入官方网站。