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 配置路径别名 @相关推荐

vue-cli 项目配置路径别名
vue-cli 项目配置路径别名 1.vue-cli 2.x 配置方式在vue-cli 2.x项目中,进入build文件夹,找到webpack.base.conf.js,编辑文件 ,并找到resol ...
vite + react + ts 配置路径别名alias
vite + react + ts 配置路径别名alias vite + react + ts 配置路径别名alias 首先下载 @types/node 包第一步配置 tsconfig.js 第二部 ...
js webpack 配置路径_vue使用webpack配置路径别名
原始的文件引用方式的缺点要拼写一个巨长无比的字符串,而且每引用一次都要拼写一次. 如果这个文件位置变了,我就要把所有引用它的文件都修改一次. 下面介绍一种很优雅的方式,使用webpack的resolv ...
vite使用vite-aliases插件配置路径别名
介绍 vite-aliases支持Vite4.x版本. vite-aliases是一款vite社区插件,会自动生成一些import路径别名方面的设置(项目根路径下jsconfig.json可自行配置) ...
Vite ( Vue + TS ) 项目配置 @ 路径别名
1. 下载 @types/node 包 path 模块是 node.js 的内置模块,而 node.js 默认不支持 ts 文件的,所以需要安装 @type/node 依赖包 npm install ...
Taro+Vue3 - 配置@路径别名
项目中最好不要使用相对路径,因为不灵活,不方便移植,路径容易写错,可读性太差,如: import A from '../../../components/A.vue' 为了让文件路径更灵活,我们可以对 ...
create-react-app中配置antd按需加载、less、proxy、路径别名
配置antd.less.路径别名第一步 // 安装一下需要的插 yarn add antd react-app-rewired customize-cra babel-plugin-import l ...
react+vite+ts关于路径别名的配置
1.配置路径别名第一步:找到vite.config.ts文件第二步:引入path 第三步:写入下图红框代码备注:本项目使用的是TS,因此需要下载安装关于node这个库的ts的声明配置 npm i ...
vue3+ts+vite 路径别名配置
找vite.config.js.ts文件,进行配置.路径别名如果是单个的话,alias后面写对象,多个的话写数组,里面再放对象. import { defineConfig } from 'vite' ...

vscode 配置路径别名 @

vscode 配置路径别名 @相关推荐

最新文章

热门文章

vscode 配置 路径别名 @

vscode 配置 路径别名 @相关推荐

最新文章

热门文章

vscode 配置路径别名 @

vscode 配置路径别名 @相关推荐