好的工具和好的配置能有效提升自己的开发效率,好看的排版更能让人赏心悦目。
问题
目前我主要以 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,十分感谢!
vscode
的输出里,选择eslint
或者prettier
的输出,查看有没有报错信息,如果有根据报错信息再看怎么调整,如果没有,那就看prettier
具体配置了。Path Autocomplete
插件,这个插件我个人不用了,一般现在前端项目里,导入的提示和跳转,是通过jsconfig.json
或者tsconfig.json
里的paths
字段设置的,打包产物通过webpack
、vite
等打包工具的配置设置的。