vite+vue3+ts+pinia

搭建

npm init vue@latest

安装依赖

npm install

语法检查

npm run lint

运行项目

npm run dev

引入sass

npm install node-sass
npm install sass --save-dev
// 踩坑点，如果安装完报错'node-sass@7.0.1 postinstall: `node scripts/build.js'
// npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

设置路径

npm install path

修改 vite.config.ts，并设置别名

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import path from "path"
export default defineConfig({
    plugins: [vue(), vueJsx()],
    resolve: {
        // Vite路径别名配置
        alias: {
            '@': path.resolve('./src'),
            '@api': path.resolve('./src/api')
        }
    }
})

修改tsconfig.json

{
    "extends": "@vue/tsconfig/tsconfig.web.json",
    "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
    "compilerOptions": {
    "baseUrl": ".",
    "paths": {
        "@/*": ["./src/*"],
        "@api/*": ["./src/api/*"],
    }
},