话不多说,直接步入正题
使用项目工程的jsconfig.json
- 直接在项目中使用
jsconfig.json
/tsconfig.json
文件配置(项目中没有相应的文件的添加文件,有文件的添加"paths": {"@/*": ["./src/*"]}
配置即可)
{ "compilerOptions": { "target": "ES6", "module": "commonjs", "paths": {"@/*": ["./src/*"]} }, "include": [ "src/**/*" ], "exclude": [ "node_modules" ]
}
这种直接在项目中使用
jsconfig.json
/tsconfig.json
文件配置的方法,更加适用于团队协作开发
用户自定义安装插件
- 使用
vscode
插件,并在vscode
的setting.json
文件中配置
- 别名路径跳转(
setting.json
配置看插件细节说明) - path-alias(
setting.json
配置看插件细节说明)
例如配置:
setting.json
"pathAlias.aliasMap": {"@": "${cwd}/src"
},
- 使用这两个插件的任意一个都可以,使用插件的话是要
ctrl+点击from后面的路径
,不能点击import
后面的变量名,然后跳转到文件,并不是快速跳转到对应变量声明的位置。- 使用插件的方式更加偏向于用户使用的自定义安装插件,并不适合于团队协作,毕竟设置的
setting.json
文件是存在用户电脑的vscode里面的,并没有在代码项目工程上。