React 开发环境准备

1. 使用reactjs,一般有以下两种方式:

(1)通过script标签引入reactjs。这种方式不推荐使用,如果我们的项目比较大,就需要对项目进行拆分,于是页面就需要通过script标签引入很多js文件;这样性能很低,维护性也很差。

(2)使用脚手架工具。脚手架是前端开发过程中的一种辅助工具,它会自动帮我们构建一个大型项目的开发流程和目录,允许我们以一定方式去实现 js 的相互引用,让我们更加方便的对项目进行管理。推荐使用

2. 开发环境准备,这里我们使用官方提供的脚手架工具 create-react-app。

安装 create-react-app 之前,我们要先安装 node。

Node.js 安装配置菜鸟教程

 安装好Node 之后,我们就可以开始安装 create-react-app 了。

在命令行分别输入以下命令。

npm install -g create-react-app
create-react-app my-app
cd my-app
npm start

稍后会自动打开默认浏览器运行

如上图所示,项目创建成功了。

posted @ 2019-07-12 20:26  糖小圆  阅读(678)  评论(0编辑  收藏  举报