React自学——安装

作为一个全干工程师，前端技能是跑不掉的，简单查了一下目前的前端三大框架，决定入坑react，今天先从一个简单的

Ubuntu 20.04

默认通过apt安装的版本目前是10.x，而最新的LTS版本是14.x，需要通过如下命令安装

>>> curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
>>> sudo apt install nodejs
>>> node --version
v14.16.1

快速创建应用

>>> npx create-react-app my-app

关于npm和npx的区别参考：https://www.jianshu.com/p/1265fd73fc81，建议上面的命令用npx，而不是npm

上面的命令会创建一个my-app的目录，进入目录后

>>> yarn start
# 或
>>> npm start

会自动打开网页，如下图

安装yarn
yarn和npm一样都是作包管理的，但yarn从安装速度以及语法上更优秀一些，建议使用yarn，可以通过npm安装yarn

>>> sudo npm install -g yarn

由于是全局安装，会默认写入/usr/lib/node_modules和/usr/bin两个目录，如果不用sudo，会报权限不够的错误，解决办法自然也包括

1. 更换默认安装目录；
2. 添加权限：sudo chown -R $USER /usr/lib/node_modules
3. 使用sudo

我这选则第三种方法

运行示例代码

react-bootstrap提供了采用bootstrap4为组件库的示例代码

>>> git clone https://github.com/react-bootstrap/code-sandbox-examples.git
>>> cd code-sandbox-examples/basic
>>> yarn install
>>> yarn start

参考：
https://react-bootstrap.github.io/layout/grid/
https://github.com/react-bootstrap/code-sandbox-examples
http://www.html.cn/create-react-app/docs/setting-up-your-editor/