vue3 安装ts router vuex

补充

vue3.0 vite脚手架项目，安装ts

1、npm install typescript -D       //安装ts

2、npx tsc --init                  //初始化ts

修改main.js—>main.ts
index.html 引入的main.js—>main.ts
script 标签加 lang="ts"

报错的话重新cnpm install 在 npm run dev

如果 main.ts 里不识别.vue 文件，出现报错提示，
在根目录新建shim.d.ts 文件即可，内容如下

declare module "*.vue" {
  import { Component } from "vue";
  const component: Component;
  export default component;
}

3、npm install vue-router@4        //安装路由

4、npm install vuex@next --save    //安装vuex

最终main.ts

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
import router from './router/index'
import store from './store/index'

createApp(App).use(router).use(store).mount('#app')

配置文件

新建vite.config.ts 文件

修改打包目录，配置跨域，修改端口号 等等

import type {UserConfig} from 'vite';

const viteConfig:UserConfig = {
      port:8080
...
}
export default viteConfig

笔记

vite官网地址