一般写VUE的代码 VS code本身的格式化工具,并不能识别XXX.vue的文件
所以不能格式化,我们需要安装Vuter,此功能 具有 格式化代码还有代码高亮的功能。

点击格式化文档,指挥把引号改成双引号,并且在末尾加上分号,并不符合eslint规范。

eslint 如何设置vue name为文件夹名称 vue的eslint_双引号


我们解决的方法是:第一步:点左下角设置,点在线服务设置

eslint 如何设置vue name为文件夹名称 vue的eslint_vue.js_02

第二步:点红箭头标记的

eslint 如何设置vue name为文件夹名称 vue的eslint_es6_03


eslint 如何设置vue name为文件夹名称 vue的eslint_es6_04


然后在点击格式化文档就不会,把单引号变成双引号,也不会在末尾加上分号了。

我们之前写了一些代码,其中的双引号以及分号和其他一些内容,如果想换成符合 eslint 规范的,重新格式化是不行的,因为 vs code 的格式化工具,虽然不会将单引号转换成双引号,但也不会将双引号转换成单引号,也就是说,其是支持两种引号的。

但是可以使用 eslint 提供的一个工具,对项目中的所有代码进行格式话,如果你使用 vue/cli 创建的项目,则这个工具已经安装且配置好了

eslint 如何设置vue name为文件夹名称 vue的eslint_双引号_05


在终端运行: npm run lint 命令,他就会对代码进行整体的检查,然后自动做一些修改,双引号替换成单引号,末尾的分号会去掉。添加一些必要的空格。

eslint 如何设置vue name为文件夹名称 vue的eslint_es6_06


npm run lint命令并不全部修改完毕,还需要手动修改一些。就是终端会报一些错误

eslint 如何设置vue name为文件夹名称 vue的eslint_html5_07


修改保存以后在终端运行 npm run lint 命令。还会报好多英文的错误。然后具体作为是在项目根目录下新建 .eslintignore 文件,加入如下代码

eslint 如何设置vue name为文件夹名称 vue的eslint_vue_08


然后在运行 npm run lint 就不会报错误了。

到这里这个问题就解决完了。
看完的点个赞再走吧