这篇文章我们来分析一下如何用react的脚手架创建项目,以及创建项目后里面各种文件的作用。
react脚手架官网地址如下:
入门|创建 React App 中文文档 (bootcss.com)
首先,如果你之前没有用过react的脚手架的话,我们首先得全局安装一下react的脚手架。
npm i create-react-app -g
快速创建项目并启动,例如
npx create-react-app my-app
cd my-app
npm start
相对于Vue创建的项目,我们不一样的几个文件的意思如下
reportWebVitals 分析页面的性能
StrictMode 用来分析页面潜在问题的工具
index.html中的noScript 当页面禁用的js的时候,就会显示这句话!
robots.txt 爬虫协议文件
manifest.json 移动端配置文件
几个注意点如下
1.引入的时候后缀js或者jsx后缀名可以不写
2.css文件是全局的。如果想要模块化,加上.module
3.组件名需要大写
4.尽量使用函数式组件
5.scss引用,直接下载即可!去scss官网。
函数式组件技巧总结:
可以直接在函数的形参上解构赋值。
React插件 rfc快速生成结构。