一般写VUE的代码 VS code本身的格式化工具,并不能识别XXX.vue的文件
所以不能格式化,我们需要安装Vuter,此功能 具有 格式化代码还有代码高亮的功能。
点击格式化文档,指挥把引号改成双引号,并且在末尾加上分号,并不符合eslint规范。
我们解决的方法是:第一步:点左下角设置,点在线服务设置
第二步:点红箭头标记的
然后在点击格式化文档就不会,把单引号变成双引号,也不会在末尾加上分号了。
我们之前写了一些代码,其中的双引号以及分号和其他一些内容,如果想换成符合 eslint 规范的,重新格式化是不行的,因为 vs code 的格式化工具,虽然不会将单引号转换成双引号,但也不会将双引号转换成单引号,也就是说,其是支持两种引号的。
但是可以使用 eslint 提供的一个工具,对项目中的所有代码进行格式话,如果你使用 vue/cli 创建的项目,则这个工具已经安装且配置好了
在终端运行: npm run lint 命令,他就会对代码进行整体的检查,然后自动做一些修改,双引号替换成单引号,末尾的分号会去掉。添加一些必要的空格。
npm run lint命令并不全部修改完毕,还需要手动修改一些。就是终端会报一些错误
修改保存以后在终端运行 npm run lint 命令。还会报好多英文的错误。然后具体作为是在项目根目录下新建 .eslintignore 文件,加入如下代码
然后在运行 npm run lint 就不会报错误了。
到这里这个问题就解决完了。
看完的点个赞再走吧