# 使用 Vite 创建项目

# npm 6.x (outdated, but still used by some):
npm create vite@latest part1 --template react
# npm 7+, extra double-dash is needed:
npm create vite@latest part1 -- --template react

# 进入该文件夹并安装依赖

cd part1
npm install

# 运行项目

npm run dev

# 后端服务器

# 安装 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

npm install axios

# 将 json-server 安装为开发依赖项 (只能在开发时使用)

npm install json-server --save-dev

package.json 文件的 scripts 字段中添加以下内容:

"server": "json-server -p3001 --watch db.json"

现在就可以方便的启动 json-server 了,但是访问的还是 db.json 文件。

npm run server
更新于 阅读次数