Vue3 - 1 新建项目

•  首先使用vite构建vue3+typescript项目，创建指令如下：

pnpm create vite@latest 

　　---依次选择 vue typescript

cd {项目名称}
pnpm install

• 安装依赖成功之后，将项目运行起来指令如下：

pnpm  run  dev

访问  http://localhost:5002/　　

• 如何修改项目配置，找到项目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,    //设置端口
  }
})

• 接下来结合介绍如何安装和配置路由，安装路由指令如下：

pnpm install vue-router@4