0.react学习笔记-环境搭建与脚手架

0.环境搭建

笔者使用的是deepin/mac两种系统，因为两个电脑经常切换用。环境搭建没什么区别。

0.1 node安装

按照node官网叙述安装

# Using Debian, as root
curl -sL https://deb.nodesource.com/setup_10.x | bash -
apt-get install -y nodejs

0.2 yarn 安装

有时使用node安装后续脚手架时会出错，排错可能比较费时间，所以也推荐使用yarn，部署yarn与node及其使用不冲突。

先添加源如下：

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

安装yarn：

sudo apt-get update && sudo apt-get install yarn

0.3 react 脚手架安装

开发react使用其脚手架create-react-app是最合适不过的了

安装：

这里我只列出使用yarn的安装方法。

npx create-react-app my-app

使用以上命令会建立一个my-app文件夹，包含工程文件。

之后进入my-app中，运行yarn start,此时在3000端口开启一个服务（开发环境）。

或者可以进行build工作，即运行以下：

yarn global add serve
serve -s build

这样就将前端文件进行了编译，此时会在5000端口开启一个服务。

0.4 yarn安装后无法使用命令

yarn安装包文件后若无法使用命令，是因为没有进行环境变量的配置。

如下操作即可：

nano  ~/.bashrc
export PATH="$PATH:`yarn global bin`:$HOME/.config/yarn/global/node_modules/.bin"
source ~/.bashrc

以上就是有关react的环境配置和脚手架搭建工作。