配置vite配置文件更改项目端口、使用@别名

一、配置vite配置文件更改项目端口

vite官方文档地址:开发服务器选项 | Vite 官方中文文档 (vitejs.dev)

使用:

 

 二、使用@别名

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

 

导入的时候就可以使用@别名导入了 

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

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

相关推荐

  1. 如何使用Vite创建vue项目配置别名和扩展名

    2024-04-03 23:30:03       15 阅读
  2. 【Electron】Vite+Ts 项目配置路径别名 “@/“

    2024-04-03 23:30:03       44 阅读
  3. React项目配置路径别名“@”

    2024-04-03 23:30:03       8 阅读
  4. react脚手架创建项目配置别名(alias)

    2024-04-03 23:30:03       17 阅读
  5. 配置Vite+React+TS项目

    2024-04-03 23:30:03       26 阅读

最近更新

  1. TCP协议是安全的吗?

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

    2024-04-03 23:30:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-03 23:30:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-03 23:30:03       20 阅读

热门阅读

  1. vue3 + howuse, 实现echarts symbol使用 gif 动画图片

    2024-04-03 23:30:03       13 阅读
  2. 初识人工智能---------自然语言处理&&词袋模型

    2024-04-03 23:30:03       15 阅读
  3. MySQL学习笔记(持续更行ing)

    2024-04-03 23:30:03       17 阅读
  4. C++从入门到精通——nullptr

    2024-04-03 23:30:03       22 阅读
  5. 大厂HashMap源码面试

    2024-04-03 23:30:03       14 阅读
  6. Linux进程状态

    2024-04-03 23:30:03       15 阅读
  7. 力扣--哈希表+滑动子块--串联所有单词子串

    2024-04-03 23:30:03       15 阅读
  8. MySQL两表联查之分组成绩第几问题

    2024-04-03 23:30:03       14 阅读
  9. Redis面试题15道

    2024-04-03 23:30:03       12 阅读