react脚手架 webpack/vite 创建项目记录

lys
305 阅读1分钟

react-app官网

webpack

几种下载方式

  1. npx create-react-app my-app
  2. npm init react-app my-app
  3. yarn create react-app my-app

我选择 pnpm 都是一样效果的 默认是JS项目 默认模板

  1. 创建js项目

webpack-1.png

  1. 进入文件夹 运行项目 npm start

webpack-2.png

创建 TS项目

  1. 选择 模板 typescript + redux pnpm 失败因为没有 package.json 所以切换 npx 如本地没有则到网上下载 webpack-3.png

  2. 运行项目效果

webpack-4.png

vite 快速的运行/打包速度

pnpm create vite react 固定写法 pnpm 可换其它包管理器> yarn / npm

  1. 选择 React vite-1.png
  2. 选择 语言类型 TypeScript

vite-2.png

  1. 创建完成 根据提示进入目录下载

vite-3.png 4. 下载依赖运行项目

vite-4.png 5. 项目运行效果

vite-5.png

avatar
文章
阅读
粉丝