vanilla:原生js,没有任何框架集成 vue:vue3框架,只支持vue3 react:react框架 preact:轻量化react框架 lit-element:轻量级web组件 svelte:svelte框架3. 选择不同这里我们选择:react4. 项目创建完成5. 项目结构项目结构非常简单:6. 启动项目进入项目:cd vite-react 安装依赖:npm install 运行项目:npm run dev 或...
react:react框架 preact:轻量化react框架 lit-element:轻量级web组件 svelte:svelte框架 3. 选择不同 这里我们选择:react 4. 项目创建完成 5. 项目结构 项目结构非常简单: 6. 启动项目 进入项目:cd vite-react 安装依赖:npm install 运行项目:npm run dev...
这个命令会创建一个名为`my-react-app` 的新目录,并使用 Vite 自带的 React 模板进行初始化。 4. 进入新创建的项目文件夹: ``` cd my-react-app ``` 5. 安装项目依赖: ``` npm install ``` 或者使用yarn 安装: ``` yarn ``` 6. 启动开发服务器: ``` npm run dev ``` 或者使用yarn: ``...
一、创建工程 很多人都有固定思维包括我在内,觉得必须安装vite 才能基于vite 创建工程 ,其实完全不用!!! 跟着下面的命令你也可以 快速创建出 react工程 下面分别是三种命令 // npmnpm create vite@latest// yarnyarn create vite// pnpmpnpm create vite 1、设置工程名字 2、选择框架模板 image.png 3.、根据...
一、Vite创建React项目 Vite 本身就是一个构建工具,开发环境下不打包,生成环境使用 Rollup 进行打包。那么如何利用 Vite 创建一个 React 的项目呢? 执行命令npm init vite@latest,根据提示,选择 react 即可。因此,整体上其实与官方的脚手架搭建项目步骤一致,也是分为 2 个步骤: ...
create-vite my-react-app --template react 创建ts项目 create-vite my-react-app --template react-ts 这将会创建一个名为my-react-app的文件夹,并且基于React模板进行初始化。 3.进入新创建的项目文件夹。在命令行中运行以下命令来进入项目文件夹
使用Vite 启动 React 项目的步骤: 1. 导航到要创建项目的目录: 使用终端中的 cd 命令导航到要创建项目的目录。例如: 2. 创建一个 React 项目: 在...
步骤1:基于 Vite 创建 React + TypeScript 的项目,具体创建项目的步骤,请参考 Vite 官方文档。步骤2:在 Vite 项目中配置 @ 路径提示:2.1安装 node 的类型声明 npm i -D @types/node 2.2 配置 vite.config.ts …
一、Vite创建React项目 Vite 本身就是一个构建工具,开发环境下不打包,生成环境使用 Rollup 进行打包。那么如何利用 Vite 创建一个 React 的项目呢? 执行命令npm init vite@latest,根据提示,选择 react 即可。因此,整体上其实与官方的脚手架搭建项目步骤一致,也是分为 2 个步骤: ...