用cursor从零开发react项目需先新建空白文件夹并用cursor打开，再通过内嵌终端执行npm init -y和npm install react react-dom @types/react @types/react-dom，手动添加"dev": "vite --host"脚本，配置vite.config.ts、src/main.tsx和app.tsx（必须用.tsx后缀），最后运行npm run dev启动服务。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用Cursor从零开发React项目，需要跳过Create React App的脚手架流程，直接在Cursor中初始化项目结构、配置TypeScript、安装核心依赖并启动开发服务器——整个过程不依赖终端命令行输入，全部在Cursor图形界面和内嵌终端中完成。
创建新项目文件夹并打开到Cursor
在系统任意位置新建一个空文件夹，例如命名为my-react-app；右键该文件夹→选择“Open with Cursor”；等待Cursor完全加载工作区，确保左下角状态栏显示“Ready”且无报错提示。
这一步不能跳过或用已有文件夹代替，【Cursor对未初始化的空白文件夹识别最稳定，已有node_modules或package.json反而会触发错误缓存】。
初始化npm项目并添加React依赖
点击Cursor底部状态栏的“Terminal”图标→新建终端→执行：npm init -y。
执行完成后，运行以下命令一次性安装React核心包：npm install react react-dom @types/react @types/react-dom。
安装完毕后，手动在package.json的scripts字段中添加："dev": "vite --host"——注意不要漏掉--host，否则热更新可能在局域网设备上失效。
Orderly React SDK 钩子使用参考指南，包括 useOrderEntry、usePositionStream、useOrderbookStream、useCollateral 等。
配置Vite与入口文件
在项目根目录新建vite.config.ts，粘贴以下内容：
import { defineConfig } from 'vite';<br>import react from '@vitejs/plugin-react';<br>export default defineConfig({ plugins: [react()], });
新建src文件夹→在其中创建main.tsx，写入标准React渲染代码；再创建App.tsx作为根组件。这两份文件必须使用.tsx后缀，【用.js或.jsx会导致TypeScript类型检查失效且Cursor无法智能补全props】。
启动开发服务器
回到终端，执行：npm run dev。
几秒后终端输出类似Local: http://localhost:5173/的地址，直接点击该链接（Cursor会自动唤起默认浏览器）。
页面显示“React Vite Template”即表示成功。此时可立即在App.tsx中修改JSX，保存后浏览器自动刷新，无需任何额外配置。
