一、前端@符号

最新推荐文章于 2024-06-26 19:27:59 发布
最新推荐文章于 2024-06-26 19:27:59 发布
阅读量444 收藏 8
点赞数 5
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51431465/article/details/136412732
版权
本文探讨了在Vite项目中如何配置alias别名以及如何添加路径提示，重点介绍了`resolve.alias`和`CompilerOptions.paths`的使用，以解决模块路径显示问题。
摘要由CSDN通过智能技术生成

一、vite配置

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

二、虽然生效了但是没有路径提示

"CompilerOptions":{

"paths": {
  "@/*": [
    "src/*"
  ]
}

}

清橙2000
关注
  • 5
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端开发环境配置
m0_70912112的博客
11-16 282
前端环境配置 nodejs
【前端】前端环境的配置与安装
进击的巨人--小天贵
12-01 1405
【前端】前端环境的配置与安装
企业级vite配置方案——让vite得心应手
chengbo_eva的博客
09-20 199
企业级vite配置方案——让vite得心应手
关于Vite+Vue+Ts WebStorm路径别名的问题
最新发布
Odyssey_kd的博客
06-26 367
最后文章写到这我发现，好像只用配置下面这么多就不报错了，如果还是报错就把node_modules删除重新 npm i 试试。
前端配置项
zylfsklysdq的博客
10-22 130
前端环境配置
FJ101113的博客
11-18 206
前端
前端项目基本配置
沛沛呀、
11-05 1040
chalk（node终端样式库） // 颜色字体 log( chalk.red("红色") ) // 背景色 log( chalk.bgBlue("蓝色背景") ) // 样式字体 log( chalk.bold("加粗") ) // 多参数 log( chalk.blue("name", "age", "job") ) // ES6 多行文本 log( // 多行文本将保留缩进格式 chalk.blue(name: Rogan age: ${25} job: ${ 'I
配置 @ 符号表示跟路径并且自动提示
m0_64564920的博客
04-07 882
前言 当我们在项目中引入文件的时候，如果这个文件藏的比较深，需要一层一层的 ./ 找出去，这样就比较麻烦，开发效率也不高。为了提高开发效率，我们可以配置从根路径 src 去查找。一般我们用 @ 符号代表根路径，这样别人一看就知道是从 src 出发找文件的。 那么 @ 符号应该怎么配置呢？ 1、需要下载一个修改 CRA 配置包 npm i -D @craco/craco // 或者 yarn add @craco/craco 2、创建 craco 的配置文件 craco.config.js 文件代码如
关于前端开发的特殊符号
07-28
在前端开发中，特殊符号的使用是一种常见的需求，尤其是在创建丰富的用户体验时。HTML、CSS以及JavaScript都有自己的方式来表示和使用这些特殊字符。以下是一些关于前端特殊符号的关键知识点： 1. **Unicode字符集*...
文本框输入 @ 符号的输入提示的JS代码.rar
07-09
本资源“文本框输入 @ 符号的输入提示的JS代码.rar”聚焦于一个特定的用户界面（UI）功能，即在文本输入框中输入特定字符（如“@”）时显示提示信息。这种功能常见于社交网络或电子邮件服务，当用户输入“@”以提及...
Web前端开发之@ 功能 JS 实现原理详解
热门推荐
qq_32506555的博客
12-20 1万+
最近在前端开发中，为实现一个新功能弄的焦头烂额 @xxx 的实现，在实现后写下些心得，供以后会跳入这坑的同志们参考。 首先，当让是考虑使用范围，由于项目仅仅需要考虑在 WEBKIT 环境下使用，所以可以不用考虑 IE 这也使得代码少了很多的 if(){}else{} 判断。在 Mozilla 开发者网络 上发现 selection 和 range 这两个关于选区对象和光标对象，结合 Care
前端代码显示符号
鑫鑫的博客
11-27 780
´ ´ © © > > µ µ ® ® & & ° ° ¡ ¡   » » ¦ &...
前端配置开发环境，新电脑配置前端开发环境，Vue开发环境配置的详细过程（前端开发环境配置，电脑重置后配置前端开发环境）
weixin_65793170的博客
02-28 7247
Vue CLI安装完成后，有时候会遇到，在命令提示符窗口使用vue命令管用，但在vscode中，vue命令不生效的情况，这时候需要在Windows Powershell管理员模式中配置执行策略。
如何从零开始配置前端环境以及安装必备的软件插件
m0_57524265的博客
08-05 1万+
本文讲解了 VSCode、Node.js、yarn、Webpack、vueCLI、git、等必备软件安装、以及VSCode 常用插件、VSCode代码格式化、VUE开发者工具安装
vite+ts配置项目路径别名
weixin_68503021的博客
10-11 862
webpack中可以通过resolve.alias定义项目路径别名，这样可以在引入文件时，不再需要使用相对路径，统一以根路径（/src/）作为起点。vite也可以定义路径别名。
Vite项目配置resolve.alias后提示『找不到模块』的解决办法
啦啦啦小骑士的博客
11-27 5099
vite.config.ts可以配置resolve.alias别名，这样在项目中import时就不用写一长串相对路径了，但有时会遇到编辑器提示『找不到模块』，虽然不影响编译与运行，但看着很碍眼。原因就是缺少了相应的配置，导致VSCode识别不了模块。
tsconfig 的路径映射和 vite config 的 resolve.alias 有什么区别？
weixin_44545357的博客
01-11 909
选项主要目的是相似的，即它们都能指定别名路径，使得你能从任何代码文件中，通过简短、易记和绝对的路径来引入其他模块。用在打包阶段，转化和解析别名路径以确保在运行时可以正确找到模块。用在编译阶段，帮助 TypeScript 理解模块别名路径；这可以确保你在编码时获得正确的类型检查和自动补全能力（由。（或其他 bundler 如 webpack）中的。提供），同时在运行时能正确找到和加载模块（由。一般情况下，你需要在你的项目中同时配置。选项，两者是需要结合使用的。
Vite 配置：这些配置日常开发够用了！
一只小松鼠_的博客
02-26 1645
相信大部分兄弟都体验过Vite了，都知道它很快。在学习的时候，官网上的各种配置也是看的眼花缭乱，不知道哪些是必要掌握的。为了提高效率，我把常用的一些配置梳理一下，希望对大家有所帮助。
配置 resolve.alias, vite @别名
weixin_55333190的博客
03-09 3567
配置 resolve.alias path会报2307,根据提示install @types/node 即可 vite.config.ts import { resolve } from 'path' export default defineConfig({ resolve:{ alias:{ '@':resolve(__dirname,'src') } } }) tsconfig.json add+ "baseUrl": ".", "paths": { "@/*": ["s
前端递归字符串替换特殊符号
04-11
很高兴回答你的问题。前端递归字符串替换特殊符号，可以使用正则表达式配合 JavaScript 的 replace() 方法实现。代码实现如下： function replaceSpecialChar(str) { // 匹配特殊符号 const reg = /[\~\!\@\#\$\%\^\&\*\(\)\+\`\-\=\{\}\|\;\'\:\"\,\<\.\>\/\?\[\]\、\，\。\；\‘\’\：“\”\！\（\）]/g; // 递归替换特殊符号为空格 while (reg.test(str)) { str = str.replace(reg, ' '); } return str; } 这个函数使用正则表达式匹配特殊符号，并利用 while 循环进行递归字符串替换，将特殊符号替换为空格。可以调用这个函数来处理需要替换特殊符号的字符串。希望我的回答能够帮助你。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值