前后端知识库 前后端知识库
首页
    • JavaScript
    • React
    • Vue
  • Python
  • Sanic
  • Linux
  • Ansible
归档
GitHub (opens new window)
首页
    • JavaScript
    • React
    • Vue
  • Python
  • Sanic
  • Linux
  • Ansible
归档
GitHub (opens new window)
  • JavaScript

  • React

    • 脚手架
    • 组件
    • 组件通信
    • 事件和 ref
    • 生命周期
    • 组件渲染 —— 条件渲染(动态组件)
    • 状态管理器Redux
    • 路由Router
    • 表单
    • Webpack
  • Vue

  • frontend
  • React
devin
2023-09-07

脚手架

# 脚手架

以系统管理员的身份,安装该脚手架全局命令

npm install create-react-app -g
1

你就会在全局命令行里面拥有一个create-react-app命令,可以用以下命令检查是否安装成功

create-react-app -V
1

创建第一个项目,如果安装不成功可以考虑换这两个尝试一次yarn和cnpm

create-react-app [项目名字]
create-react-app my-app //例如这样
1
2

启动项目

cd my-app
npm start //或者 npm run start
1
2

在浏览器里面,查看该地址

http://localhost:3000/
1
public 单页面应用的主页(ico,index.html)
src 开发文件夹(组件,自定义模块,样式,模板)
1
2

React 和 Vue 的脚手架都是基于 webpack 的

其他具体内容也可以参考creact react app 的官方文档 (opens new window)

编辑 (opens new window)
上次更新: 2023/09/07, 15:09:00
ES5面向对象
组件

← ES5面向对象 组件→

Theme by Vdoing | Copyright © 2023-2023 devin | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式