vue项目使用技巧

@ZhaoYunyao

已于 2023-05-23 13:34:47 修改

阅读量155

点赞数

文章标签：前端 javascript 开发语言

于 2022-12-06 11:20:04 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44177413/article/details/128199770

版权

@变src路由别名

vue3

安装@types/node

npm i @types/node

vite.config.ts

import path from 'path'
resolve:{
    alias:{
      '@': path.resolve(__dirname, './src'),
    }
  },

tsconfig.json

"compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"] //@路由提示
    }
  },

vue2

vue.config.js

  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, './src'),
      }
    }

  },

jsconfig.js

{
  "compilerOptions": {
    "target": "ESNext",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "strict": true,
    "jsx": "preserve",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "esModuleInterop": true,
    "lib": ["ESNext", "DOM"],
    "skipLibCheck": true,
    "noEmit": true,
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
     }
  },
}