vscode代码格式化和配置问题？

  • Z时代
  • 2024-02-13
  • 分类：IT

好的工具和好的配置能有效提升自己的开发效率，好看的排版更能让人赏心悦目。

问题

目前我主要以 Vue3、typeScript为技术栈从事开发。因为代码检查和格式化，相关的插件如volar、ESlint和prettier已经装好了，我也自己配置了一些设置——保存时自动格式化，但我的配置并不完整。

目前有个问题不知道该怎么配置，在某一行和下一行代码里有好多个回车：

function A(){}
// 好多回车
function B(){}

保存时有格式化，但这两个方法之间并没有格式到只有一行。

另一个问题是导入提示，我装了Path Autocomplete插件，已配置@通配符，在使用时，导入是可以正确显示路径的，但是在绝对路径导入时点击导入的对象时无法跳转至该文件，且鼠标移入时无法展示用法和参数类型什么的，比如：

import { getUserInfo } from '@/api/user'

点击getUserInfo无法跳转至src/api/user和移入时无法显示接口名称和参数类型；不只是接口，组件，方法什么得都这样，如果用相对地址导入却可以。

如果可以的话，懒人小弟恳请大佬给一份自己常用好用的setting.json ^_^，
也可以发送至邮箱zwm0417@qq.com，十分感谢！

回答：

  1. 格式化的问题，如果环境都搞完的话，我建议你格式化的时候看一下vscode的输出里，选择eslint或者prettier的输出，查看有没有报错信息，如果有根据报错信息再看怎么调整，如果没有，那就看prettier具体配置了。
  2. Path Autocomplete插件，这个插件我个人不用了，一般现在前端项目里，导入的提示和跳转，是通过jsconfig.json或者tsconfig.json里的paths字段设置的，打包产物通过webpack、vite等打包工具的配置设置的。

以上是 vscode代码格式化和配置问题？ 的全部内容， 来源链接： utcz.com/p/935023.html

回到顶部