作为一个全干工程师,前端技能是跑不掉的,简单查了一下目前的前端三大框架,决定入坑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,会报权限不够的错误,解决办法自然也包括
- 更换默认安装目录;
- 添加权限:sudo chown -R $USER /usr/lib/node_modules
- 使用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/