vue3 ts vite

npm init vite@latest

npm install -D sass

npm i vant

npm i vite-plugin-style-import@1.4.1 -D

vite.config.ts配置如下：

import { defineConfig } from 'vite'

import vue from '@vitejs/plugin-vue'

import styleImport, { VantResolve } from 'vite-plugin-style-import';

export default defineConfig({

plugins: [

vue(),

styleImport({

resolves: [VantResolve()]

})

]

})

npm i vue-router@4 --save

npm install @types/node --save-dev 配置@

vite.config.ts配置如下：

import { defineConfig } from 'vite'

import vue from '@vitejs/plugin-vue'

import { resolve } from 'path'

import styleImport, { VantResolve } from 'vite-plugin-style-import';

export default defineConfig({

plugins: [

vue(),

styleImport({

resolves: [VantResolve()]

})

resolve: {

alias: {

'@': resolve(__dirname, 'src')

}

})

tsconfig.ts加

"baseUrl": ".",

"paths": {

"@/*": ["src/*"]

},否则那个不写后缀会报错

巴特西