vite+vue3+ts+pinia初始化项目

vite+vue3+ts+pinia初始化项目

一.vite安装脚手架

// 初始化
npm init @vitejs/app vue3_ts_manage（项目名称） 
// 进入项目
cd .\vue3-manage\  
// 启动项目
npm run dev 

二.安装路由

vue3需要安装4版本以上的路由

1.安装路由

cnpm install vue-router@next -S

2.新建router/index.ts

import {
    createRouter, RouteRecordRaw, createWebHashHistory } from 'vue-router'

const routes: RouteRecordRaw[] = [
    {
   
        path: '/',
        redirect: '/login'
    },
    {
   
        path: '/login',
        component: () => import('../view/login.vue')
    },
]

const router = createRouter({
   
    history