1如何创建一个React项目React项目个文件功能介绍解析

使用React脚手架创建项目

React脚手架概念

  • 更方便的编辑基于React的应用
1.包含了所有需要的配置(语法检查,jsx编译,devServe...2.下载好所有相关的依赖
3.可以直接运行一个简单的效果
  • 创建项目并启动
1.全局安装: npm install -g create-react-app
2.切换到创建项目的目录,使用命令: create-react-app hello-React
3.进入项目文件夹:cd hello-React
4.启动项目 : npm start

注:名字不能为中文,且项目名不能大写不能包含某些特殊字符
  • React脚手架项目结构

1如何创建一个React项目React项目个文件功能介绍解析_第1张图片

  • public文件(主要用来存放静态资源)
1.favicon.ico    网站图标
2.index.html     详解看下图
3.manifest.json   应用加壳时,配置权限
  • index.html文件功能详解
    1如何创建一个React项目React项目个文件功能介绍解析_第2张图片

你可能感兴趣的:(react.js,javascript,前端)