【vscode】联想别名配置

创建一个jsconfig.json文件,配置如下:

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

### Vite项目中VSCode路径别名配置 为了使Vite项目中的路径别名能够在VSCode中正常工作并避免错误提示,需遵循特定的配置方法。 #### 1. 修改`tsconfig.json` 对于TypeScript项目,在根目录下的`tsconfig.json`文件内设置基础URL和路径映射: ```json { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] } }, } ``` 此操作使得编译器能够理解`@`作为源码目录(`src`)的快捷方式[^1]。 #### 2. 更新Vite构建工具配置 编辑位于项目根部的`vite.config.ts`(如果不存在则创建之),引入必要的模块来解析相对路径至绝对路径,并指定别名为`@`指向`./src`: ```typescript import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import { resolve } from 'path' export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': resolve(__dirname, './src') } } }) ``` 这段代码确保了打包过程中使用的路径别名被正确解释[^3]。 #### 3. 安装与启用Path Intellisense扩展 通过安装[Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)插件增强IDE内的智能感知功能。接着修改用户的全局或工作区级别的`settings.json`以支持自定义前缀: ```json "path-intellisense.mappings": { "@": "${workspaceFolder}/src" }, ``` 这一步骤有助于提高开发效率,当键入`@/`时即刻显示可用选项列表[^2]。 经过上述调整之后,应该可以消除由未知路径引起的任何潜在警告或错误消息,同时享受更流畅的编码体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值