React development environment Construction and Emmet simple syntax

Development background of 1,react

Features of 2,react

3,react Development Environment Construction

3.1 Download Facebook's official base code

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

3.2 Text editor Sublime TEXT3 installation

3.2.1 Download Sublime Text3 download Address: HTTP://WWW.SUBLIMETEXT.COM/3

First install Packagecontrol See address: https://packagecontrol.io/installation

Open Sublime Text3 shortcut key ctrl+~ open Sublime TEXT3 console program copy and paste the following code press ENTER to restart sublime TEXT3 after installation is complete:

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.pat H.join (IPP, PF), ' WB '). Write (by)

After the installation finishes Packagecontrol, open the package control for the Preferences toolbar of sublime Text3 to install the Add Package command so that the plugin can be installed through the

3.2.2 Installing the Emmet plugin

Go to the package Control and select the install Emmet installation to see the lower left corner when the Emmet V8 engine installation is complete

Restart Sublime TEXT3 input div#test save it as an HTML file after you press the TAB key to automatically generate: <div id= "Test" ></div>

3.2.3 Installing the Html-css-js prettify plugin (based on node. JS, continuing to supplement)

Enter the package Control to select the install Html-css-js prettify for installation, but it must be installed before Nodejs will work.

3.2.4 Installing Spacegray Templates

Enter Spacegray official website: https://github.com/kkga/spacegray

Go to the package Control and select the Install Spacegray

After the installation is complete, add the following in the preferences Settings-user:

A little bit of code:

{
"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"
} You can

4, a brief introduction to the following Emmet syntax:

Descendant:> Brothers: + Parent: ^ Repeat: * Group: () id:# CLASS:.

React development environment Construction and Emmet simple syntax