(1):首先使用vite构建vue3+typescript项目,创建指令如下:
pnpm create vite@latest
---依次选择 vue typescript
cd {项目名称}
pnpm install
安装依赖成功之后,将项目运行起来指令如下:
pnpm run dev
如何修改项目配置,找到项目vite.config.ts文件,
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vite.dev/config/
export default defineConfig({plugins: [vue()],//配置server: {open: true, //自动打开浏览器host: "127.0.0.1", //设置主机port: 5002, //设置端口}
})
5,接下来结合介绍如何安装和配置路由,安装路由指令如下:
pnpm install vue-router@4
访问 http://localhost:5002/