![](/img/trans.png)
[英]VSCode: How can I make Intellisense work with a vanilla Javascript project?
[英]How can I make VSCode auto complete paths (parses) if I use '@ => ./src/component' in Vite project
在 Vite 项目中,我的配置文件如下
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';
export default defineConfig({
plugins: [vue()],
build: {
outDir: 'public',
},
resolve: {
alias: {
'@': path.resolve(__dirname, './src/components'),
'~': path.resolve(__dirname, './src'),
},
},
envDir: './',
envPrefix: 'STO_',
});
VSCode 不解析以@
或~
开头的路径,因此如果文件不存在,我什至看不到错误,并且我的自动完成体验很差。
在 PhpStorm 中,我认为有一个名为phpstorm.config.js
的文件,我们可以在其中告诉编辑器如何解析这些字符。
System.config({
paths: {
'@/*': './src/components/*',
'~/*': './src/*',
},
});
如何在 VSCode 中解决此问题? 有没有类似的方法?
与 webpack 相同的方法
我配置了我的tsconfig.json
(或者jsconfig.json
)来重新映射导入语句:
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"~/*": ["./src/*"],
"@/*": ["./src/components/*"]
}
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.