React脚手架搭建

React脚手架

脚手架:可以快速构建项目的基本架构。

  1. 脚手架安装命令 可全局安装脚手架
    React脚手架搭建_第1张图片
  2. 创建项目 来到当前目录下 create-react-app 项目名(不要大写字母)
    React脚手架搭建_第2张图片
  3. 运行项目 进到项目里,在项目目录下,执行 npm start ,启动完项目会直接打开浏览器 端口是3000React脚手架搭建_第3张图片
    React脚手架搭建_第4张图片
  4. vscode 安装插件
    React脚手架搭建_第5张图片
    选择语言模式
    在这里插入图片描述
    React脚手架搭建_第6张图片
  5. 创建app.js里的基本结构 快捷键rcc
    React脚手架搭建_第7张图片
    服务器数据自动刷新 localhost:3000

你可能感兴趣的:(开发环境,react.js,前端,前端框架)