React学习笔记(一)

近几年前端框架以Angular、React、Vue三分天下，其中的React最受青睐，因为新公司要求使用React，只好放下了没学几天的Vue，开始研究React。

第一步，环境搭建

有两种方式，第一，直接下载js文件在html中引入;第二，使用webpack构建;

第一种很常见，这里介绍下第二种方式。

首先，安装node.js，windows下官网下载安装即可，Linux下以Ubuntu16.04为例，不要使用apt-get安装，到官网下载tar.gz包，解压到某个目录

然后执行一下两条语句

 

 

$ ln -s /解压的目录/bin/node /usr/local/bin/node
$ ln -s /解压的目录/bin/npm /usr/local/bin/npm

 

 

下面两个语句验证

$ node -v
v6.2.0
$ npm -v
3.8.9

 

出现版本信息则表示安装成功。

 

一般来说node.js自带npm，推荐安装淘宝的cnpm

安装方法请查阅官网 http://npm.taobao.org/

安装好node.js以后，我们安装一个react提供的脚手架项目用于搭建基础项目结构

$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start

 

命令行出现以下输出：

The app is running at:

  http://localhost:3000/

 

在浏览器中访问 http://localhost:3000/ 则可看到项目运行情况。