nvm安装node-如何构建一个最简单的React应用

构建一个最简单的React应用主要分2步：

环境安装

一个标准的React应用一般都会安装node、npm、npx等工具链:

node：的运行时环境，React应用将js打包的时候，会用到等打包工具，这些工具会依赖的运行时环境，所以这个必须提前安装；

npm，npx：node安装包管理工具，类似于Java应用的maven工具，主要用来管理、发布、安装依赖包；

官网也详细介绍了两种安装（包括、Linux、Mac）的方式：

第一种：通过nvm工具来安装node/npm（个人推荐使用）

第二种：通过node 工具来直接安装对应版本的node工具

通过-react-app启动React应用

// 通过create-react-app工具初始化一个React模版应用
// 应用名可以自取，这里是my-app
npx create-react-app my-app
// 进入my-app目录
cd my-app
// 启动应用
npm start

安装完第一步中环境后，就可以执行以上3步命令来成功构建第一个React应用了。

注意️：

上面的npx命令是npm 5.2+后附带一个包管理工具，如果npm版本

// 全局安装create-react-app工具
npm install -g create-react-app
// 通过create-react-app工具初始化一个React模版应用
// 应用名可以自取，这里是my-app
create-react-app my-app
// 进入my-app目录
cd my-app
// 启动应用
npm start

构建成的第一个成功的React应用长成这样：

admin永久会员

打赏 收藏 海报 链接