# 使用 Vite 创建项目
| |
| npm create vite@latest part1 --template react |
| |
| |
| npm create vite@latest part1 -- --template react |
# 进入该文件夹并安装依赖
# 运行项目
# 后端服务器
# 安装 JSON 服务器
| npm install -g json-server |
# 运行 JSON 服务器
| npx json-server --port 3001 --watch db.json |
json-server
默认在端口 3000 上开始运行;但由于使用 create-react-app
创建的项目保留了端口 3000,我们必须为 json-server
定义一个备用端口,如端口 3001。
# 安装 axios
# 将 json-server 安装为开发依赖项 (只能在开发时使用)
| npm install json-server --save-dev |
在 package.json
文件的 scripts
字段中添加以下内容:
| "server": "json-server -p3001 --watch db.json" |
现在就可以方便的启动 json-server
了,但是访问的还是 db.json
文件。