搭建react脚手架

1、打开cmd命令窗口（一定要注意自己是在哪个文件目录下输出命令的，方便好找文件）！cmd切换到桌面的命令cd Desktop（des+TAB键盘）

2、全局安装react脚手架仓库：npm install -g create-react-app

3、切换到想创项目的目录：create-react-app hello-react （如果卡住了就按回车）

脚手架目录：

public文件夹：

favicon.icon -- 网站页签图标

index.html -- 主页面

manifest.json -- 应用加壳的配置文件

robots.txt -- 爬虫协议文件

src文件夹：

index.js --入口文件

index.css --通用样式

App.css -- APP组件的样式

App.js -- App组件

reportWebVitals.js --记录页面性能

setupTests.js --用于组件测试

搭建react脚手架相关推荐

基于webpack4.X从零搭建React脚手架
项目初始化 $ npm init 复制代码安装webpack 本次创建是基于webpack4 $ npm install --save-dev 复制代码新建webpack配置文件在根目录创建bu ...
【react storybook】从零搭建react脚手架，并使用storybook发布组件库到npm，并生成可视化UI文档
storybook 成品展示开发准备开发组件写MDX文档发布文档发布组件成品展示可视化UI文档页面: 可视化UI文档地址: https://guozia007.gitee.io/stor ...
搭建react脚手架，ie报错 “Symbol”未定义解决方案
webpack官方链接安装 npm install --save babel-polyfill 在入口文件引入 import 'babel-polyfill'; 重新打包解决就可以
React+Redux开发实录（一）搭建工程脚手架
React+Redux开发实录(一)搭建工程脚手架 React+Redux开发实录(二)React技术栈一览搭建工程脚手架准备工作安装node 安装git 安装一款前端IDE 推荐VSCode, ...
React脚手架搭建及目录结构介绍
react脚手架(create-react-app)搭建 npm install -g create-react-app create-react-app todolist (文件夹名) npm st ...
【webpack系列】从零搭建 webpack4+react 脚手架（四）
经过三个章节的学习,你已经学会搭建了一个基于webpack4的react脚手架.如果要更改配置,比如,你希望把编译后的js文件和css文件等单独放dist下的static目录下,你想想,是不是有点麻烦 ...
React（二）react脚手架的搭建
目录一.搭建本地开发环境二.创建 React 脚手架项目三.VS Code 启动脚手架项目 React脚手架我们所用的其中一个是Create React App,Create React App ...
手把手从底层搭建react应用（如何自己实现react脚手架）（webpack环境搭建）
先附上原文链接 https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658 React如果脱离我们所熟悉的环境 ...
React 开发环境的搭建（React脚手架）
1. react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置(语法检查.jsx编译.devServer-) 下载好了所有相关的依赖可以直接运行一个简 ...

搭建react脚手架

搭建react脚手架相关推荐

最新文章

热门文章