react基础01--初次体验 react

1 介绍

本文主要介绍node的安装和react手脚架的搭建过程，并启动一个基础的react demo。

2 安装 Node.js

安装node

# wget https://nodejs.org/dist/v16.13.1/node-v16.13.1-linux-x64.tar.xz
vim ~/.bashrc
export NODE_HOME=/home/xg/soft/node-v16.13.1
export PATH=$PATH:$NODE_HOME/bin
# node -v
# npm -v

提高速度

npm config set registry http://registry.npmmirror.com
-- 配置后可通过下面方式来验证是否成功
npm config get registry
-- 显示出上述地址的话就是更换成功

3 安装 React 手脚架

安装手脚架
$ npm install -g create-react-app
$ mkdir myapp
$ create-react-app myapp
使用 taobao 的registry 后下载依赖速度明显变快了，不使用的话速度非常慢

启动服务
$ cd myapp
$ npm start
服务正常启动了， 通过 http://localhost:3000/ 即可访问基础界面了

启动后主界面如下：
React App

4 说明

nodejs.org/zh-cn
reactjs.org
aliyun npm