「从0学习react」1、环境准备

安装node.js

• 概念

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
https://baike.baidu.com/item/node.js/7567977?fr=aladdin

• 安装

访问
https://nodejs.org/en/
直接安装(稳定版本)

• 查看node.js版本

$node -v
v10.15.0

• 查看npm版本

npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。
$npm -v
6.4.1

安装cnpm

npm的替代品,cnpm有效解决npm网络慢的问题

• 安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

• 查看cnpm版本

$cnpm -v
cnpm@6.1.0 (/usr/local/lib/node_modules/cnpm/lib/parse_argv.js)
npm@6.10.0 (/usr/local/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@10.15.0 (/usr/local/bin/node)
npminstall@3.22.1 (/usr/local/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/usr/local 
darwin x64 18.2.0 
registry=https://r.npm.taobao.org

安装yarn

npm的另一个替代品

Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，Yarn 是为了弥补 npm 的一些缺陷而出现的.

• 安装

cnpm install -g yarn

• 查看版本

$yarn -v
1.16.0

安装react的脚手架工具

脚手架说白了就是自动生成react框架代码的工具

• 安装

cnpm install -g create-react-app

生成第一个react程序

create-react-app demo1 // 如果安装了yarn,速度快很多

• 目录结构

~/work/react/demo1 $tree -L 1 
.
├── README.md
├── node_modules
├── package.json
├── public
├── src
└── yarn.lock