vite创建vue+vue-router+vuex 项目

创建vite的vue项目

创建项目

使用 NPM：npm init vite@latest
使用 Yarn：yarn create vite

• 创建项目名字
  

• 选择模板
  

  • vanilla：原生js，没有任何框架集成
  • vue：vue3框架，只支持vue3
  • react：react框架
  • preact：轻量化react框架
  • lit-element：轻量级web组件
  • svelte：svelte框架

• 选择js还是ts
  

引入依赖

• 先进入项目

  cd vite-test
  

• 安装依赖

  npm install
  

启动项目

npm run dev

使用vue-router

• 安装

  npm install vue-router@4 -S
  

• 在src目录下新建router/index.ts并编写一下代码

  import {
        createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
  
  const routes: Array<RouteRecordRaw> = [
      {
       
          path: '/',
          component: () =>