当前位置:   article > 正文

vscode 设置提示 @ 路径 和 ~@ 路径 和 使用 prettier 一直把大写的PX转换成小写解决办法_vue2 如何 让@/ 会有路径提示

vue2 如何 让@/ 会有路径提示

vscode 设置提示 @ 路径 和 ~@ 路径

菜鸟最近用公司的电脑开发,结果发现之前有的路径提示全没了,感觉非常难受,然后去插件一看才发现,好像是菜鸟自己不小心把这个插件给删了
在这里插入图片描述
有点难受!

但是安装了这插件还是有点不好用,就是感觉每次使用了 vue 的 @ 或者 ~@ 开头的路径时,总是没有提示,所以今天菜鸟心一横决定解决!先去群里问了,才知道原来要使用配置文件 jsconfig.json

这里就不说废话了,直接上才艺!

1、首先需要下载上面的插件
2、在vscode中找到设置,并点击 在 setting.json 中编辑
在这里插入图片描述
添加如下配置:

"path-intellisense.mappings": {
 "@": "${workspaceRoot}/src",
  "~@": "${workspaceRoot}/src"
},
  • 1
  • 2
  • 3
  • 4

3、在自己的项目下新建 jsconfig.json
在这里插入图片描述
并添加如下配置:
在这里插入图片描述
4、重启 vscode

然后你就可以享受极致的开发体验了!!!

vscode 使用 prettier 一直把大写的PX转换成小写解决办法

.fromname {
  /* prettier-ignore */
  font-size: 40PX;
}
  • 1
  • 2
  • 3
  • 4
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/231450
推荐阅读
相关标签
  

闽ICP备14008679号