安装 vite 初始化项目

进入官网

• https://cn.vitejs.dev/

初始化项目

• 方法一

# npm
pnpm create vite
# pnpm
pnpm create vite

然后按照提示操作即可！

• 方法二

你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如，要构建一个 Vite + Vue 项目，运行:

# npm 7+, extra double-dash is needed:
npm create vite@latest my-vue-app -- --template vue

# pnpm
pnpm create vite my-vue-app --template vue

我这里的项目名称为 travel-project

当项目初始化完成后，进入到项目目录使用 vscode 编辑器打开即可

然后安装 npm 依赖，启动项目并预览

# 安装依赖
pnpm install
# 启动项目
pnpm run dev

最后浏览器打开 localhost:5173 即可访问项目