在上一篇blog中一个一个安装依赖dependencies,有没有一步到位的方法呢,有!
参考《React 18 Design Patterns and Best Practices Design, build, and deploy production-ready web applications with React》4th 第一章倒数第二节Vite as a solution有个脚手架工具create-vite来帮助我们快速构建React by Vite(推荐16+版本的node+yarn):
1.创建项目my-react-app,指定模板为ts版的react,更多模板可看npm官网介绍
yarn create vite my-react-app --template react-ts
2.cd到目录里&安装依赖
cd my-react-app
yarn
yarn dev
3.运行成功后可以访问localhost:5173查看效果
5.想修改默认端口,可以到vite.config.ts中添加server和指定port为3000:
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
server: {
port: 3000,
},
});
无需重启项目,访问localhost:3000即可