react基础学习(005-react脚手架)

使用create-react-app创建react应用

  • 1. react脚手架
  • 2. 创建项目并启动
  • 3. 脚手架文件介绍

1. react脚手架

      1. xxx脚手架:用来帮助程序员快速创建一个基于xxx库的模板项目
            1. 包含了所有需要的配置(语法检查、jsx编译、devServer...)

            2. 下载好了所有相关的依赖
            3. 可以直接运行一个简单效果

      2. react 提供了一个用户创建 react 项目的脚手架库:create-react-app
      3. 项目的整体技术架构为:react + webpack + es6 + eslint
      4. 使用脚手架开发的项目的特点:模块化、组件化、工程化

2. 创建项目并启动

       第一步: 全局安装:npm install -g create-create-app,名字不允许是中文和特殊字符
       第二步: 切换到想创建项目的目录,进入到CMD命令行,使用命令:create-react-app demo
       第三步: 进入到项目文件夹:cd demo
       第四步: 启动项目:npm start

3. 脚手架文件介绍

react基础学习(005-react脚手架)_第1张图片

react基础学习(005-react脚手架)_第2张图片

你可能感兴趣的:(react基础学习,react.js,javascript,脚手架)