欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

vscode 配置 路径别名 @

发布时间:2023/12/10 编程问答 39 豆豆
生活随笔 收集整理的这篇文章主要介绍了 vscode 配置 路径别名 @ 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

为了保证多个项目复用代码,我喜欢把路径别名设置为@,下面介绍vscode中的配置方法。

1、安装插件Path Intellisense

2、配置

"path-intellisense.mappings": {"@": "${workspaceRoot}/src" }

3、在项目package.json所在同级目录下创建文件jsconfig.json:

{"compilerOptions": {"target": "ES6","module": "commonjs","allowSyntheticDefaultImports": true,"baseUrl": "./","paths": {"@/*": ["src/*"]}},"exclude": ["node_modules"] }

备注:我在nuxt项目中会这样配置

{"compilerOptions": {"target": "ES6","module": "commonjs","allowSyntheticDefaultImports": true,"baseUrl": "./","paths": {"@/*": ["*"]}},"exclude": ["node_modules"] }

总结

以上是生活随笔为你收集整理的vscode 配置 路径别名 @的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。