Vue 使用@别名

1. 安装 @types/node

@types/node 包允许您在TypeScript项目中使用Node.js的核心模块和API,并提供了对它们的类型检查和智能提示的支持。

npm install @types/node --save-dev

比如安装之后,就可以导入nodejs的 path模块,在下面代码 import path from "path"; 中,path 是 Node.js 的核心模块之一,用于处理文件路径的操作。它提供了一些方法,用于在不同操作系统上正确解析、拼接和转换文件路径,以及获取路径的各个部分(目录名、文件名、扩展名等)。

2. 在vite.config.ts里面配置resolve

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from "path";

export default defineConfig({
  plugins: [vue()],
  server: {
     port: 5000, // 你需要定义的端口号

 }
 resolve: {
  // 配置路径别名, @就代表当前项目的绝对路径   // __dirname是一个全局变量,表示当前模块所属目录的绝对路径  // path.resolve返回一个以相对于当前的工作目录(working directory)的绝对路径,   // 比如当前工作目录为 D:\205\wms-web 那么 @ 就代表 D:\205\wms-web\src  alias: {
    '@': path.resolve(__dirname, './src'),
  }
},

})

3. 如果提示有标红波浪,在tsconfig.json 添加如下代码.

   "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }

相关推荐

  1. vue配置路径别名@

    2024-03-13 00:52:02       13 阅读
  2. 如何使用Vite创建vue项目中配置别名和扩展名

    2024-03-13 00:52:02       16 阅读
  3. 使用alias定义命令别名

    2024-03-13 00:52:02       16 阅读
  4. typedef 别名的定义和使用

    2024-03-13 00:52:02       27 阅读
  5. 使用Linux别名简化命令输入

    2024-03-13 00:52:02       19 阅读
  6. Vue键盘按键别名/事件说明及案例

    2024-03-13 00:52:02       30 阅读
  7. vue的事件修饰符和常用的按键别名

    2024-03-13 00:52:02       27 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-13 00:52:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-13 00:52:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-13 00:52:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-13 00:52:02       20 阅读

热门阅读

  1. LeetCode每日一题[C++]-2129.将标题首字母大写

    2024-03-13 00:52:02       22 阅读
  2. 【LeetCode】 删除链表的倒数第 N 个结点

    2024-03-13 00:52:02       22 阅读
  3. css---定位

    2024-03-13 00:52:02       21 阅读
  4. 高防IP有哪些防御方法?

    2024-03-13 00:52:02       24 阅读
  5. C++ struct 结构体类型

    2024-03-13 00:52:02       17 阅读
  6. 数据结构-单链表

    2024-03-13 00:52:02       19 阅读
  7. 状态模式在交易策略开发中的应用

    2024-03-13 00:52:02       23 阅读
  8. openssl3.2 - exp - generate prime

    2024-03-13 00:52:02       20 阅读
  9. 深入探讨C#中的递归算法

    2024-03-13 00:52:02       18 阅读
  10. 竹云3.6(日常实习)面经(20min)

    2024-03-13 00:52:02       24 阅读
  11. 计算器系统基础知识-校验码

    2024-03-13 00:52:02       22 阅读
  12. 互联网常见专业词汇汇总

    2024-03-13 00:52:02       23 阅读
  13. C++面试题和笔试题(三)

    2024-03-13 00:52:02       22 阅读
  14. SQL常用函数

    2024-03-13 00:52:02       19 阅读
  15. 【Node.js从基础到高级运用】七、基本的网络编程

    2024-03-13 00:52:02       26 阅读