React脚手架安装

135 阅读1分钟

前言

在开发过程中,会运用到很多js库或者封装好的框架,但是我们不可能在html文件里通过script标签一一引入。这时候我们就会用到经过webpack配置好的一套脚手架,我们只需要安装对于框架的脚手架即可。

react脚手架

  1. react脚手架:用于帮助程序员快速创建一个基于react库的模板项目。

    1.1 包含了所有需要的配置(语法检测,jsx编译,devServer...)
    1.2 下载好了所有相关的依赖
    1.3 可以直接运行一个简单效果
    
  2. react提供了一个用于创建react项目的脚手架库:create-react-app

  3. 项目的整体技术架构为:react+webpack+es6+eslint

  4. 使用脚手架开发项目的特点:模块化,组件化,工程化

创建项目并启动

第一步,全局安装:

npm install create-react-app -g

第二步,切换到你想创建项目的目录,使用命令:

create-react-app hello-react

其中hello-react是项目文件夹 第三步,接着进入项目文件夹

cd hello-react

第四步,启动项目:

npm start

微信截图_20230430113341.png 启动完成后,浏览器出现以上画面,即为安装成功。