react脚手架项目创建

1.react脚手架项目创建

1.react脚手架的创建方法

npm install -g create-react-app  // 安装 create-react-app
create-react-app xxx（文件名）// 通过 create-react-app构建项目

2.Antd构建方式

npm create umi // 安装 create umi antd是通过umi构建项目
这样会出现四个选
 Select the boilerplate type (Use arrow keys)
❯ ant-design-pro  - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
  app             - Create project with a simple boilerplate, support typescript.
  block           - Create a umi block.
  library         - Create a library with umi.
  plugin          - Create a umi plugin.
  
  //选择 ant-design-pro
  // 然后 npm install 安装依赖，有时候这个安装会出错，选择用 yarn install安装
  // npm start 运行项目
  // npm run ui 基于 block 开发，快速构建标准页面
  // npm run fetch:blocks 获取全部区块

3.报错（文件名、目录名或卷标语法不正确。）问题介绍

在命令正确的情况下，如npm， yarn ，umi，create-react-app 这些正确的情况下 去node的如下目录

nodejs/node_global/bin/对应命令的.cmd看这个cmd文件是不是

@"C:\Users\find me\AppData\Local\Yarn\Data\global\node_modules\.bin\create-react-app.cmd"   %*
极大可能是这里多了%~dp0
@"%~dp0\C:\Users\find me\AppData\Local\Yarn\Data\global\node_modules\.bin\create-react-app.cmd"   %*

4.常用的需要安装的脚本工具

create-react-app 脚手架构建react

create umi 通过umi构建antd

serve

umi

5.typeScript

w3c学习网址1

w3C学习网址2