react学习笔记（一）

React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。

一、安装Node.js, 通过 npm 使用 React

Node.js 是一个开源和跨平台的 JavaScript 运行时环境。npm 是 Node.js 标准的软件包管理器。它起初是作为下载和管理 Node.js 包依赖的方式，但其现在也已成为前端 JavaScript 中使用的工具。( copy from 官网）

1、安装Node.js

2、cmd

输入command: path, 可以看见 node.js

输入command: node --version, 查看node.js的版本

输入command: npm -v，查看 npm package manager的版本

------------------------------------------------------------------------------------以下建议来自菜鸟教程

国内使用 npm 速度很慢，你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ npm install -g cnpm --registry=https://registry.npmmirror.com
$ npm config set registry https://registry.npmmirror.com

这样就可以使用 cnpm 命令来安装模块了：

$ cnpm install [name]

 

二、使用 create-react-app 快速构建 React 开发环境（copy from 菜鸟教程）

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

执行以下命令创建项目：

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

 

三、React 入门

1、安装源代码编辑器 Visual Studio Code

2、使用 VS Code 打开 my-app，开始编写你的前端代码（React...javascript/css/html

3、学习React官方文档