vue3.0中,路径用@开头,怎么配置自动补全路径,用@替换'../../'
在vue项目中用@替换‘…/…/’首先,我用的是vsCode开发工具,第一步:先在扩展中找到插件 Path Intellisense并安装第二步:配置Path Intellisense(1)在vsCode 加粗样式文件—> 首选项—> 设置—>工作区—> 扩展—>Path Intellisense(2)进入settings.json配置文件,未修改前如下...
·
在vue项目中用@替换‘…/…/’
首先,我用的是vsCode开发工具,
第一步:先在扩展中找到插件 Path Intellisense
并安装
第二步:配置Path Intellisense
(1)在vsCode 加粗样式文件—> 首选项—> 设置—>工作区—> 扩展—>Path Intellisense
(2)进入settings.json配置文件,未修改前如下图(根据个人配置这里的东西可能会不同哦)
修改后如下:
代码:
{
"editor.fontSize": 18,
"editor.tabSize": 2,
"path-intellisense.mappings": {
"@": "${workspaceRoot}/src"
}
}
第三步: 在项目跟目录下,创建jsconfig.json
文件
代码如下:
{
"compilerOptions": {
"target": "ES6",
"module": "commonjs",
"allowSyntheticDefaultImports": true,
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
},
"exclude": [
"node_modules"
]
}
至此@替换‘…/…/’就已经完成了,在你的页面,可以直接使用:
css中背景图片路径要用 ~@
更多推荐
已为社区贡献8条内容
所有评论(0)