学习vue框架时,发现在使用vscode格式化vue代码时,出现单引号变成了双引号问题(导致和EsLint要求不一致),从而导致报错!!!!好坑啊!!! 解决方法如下 在文件根目录下创建 .prettierrc.json 代码格式配置文件 内容为: { "singleQuote":true, "semi":false }…

遇到的问题 使用vscode开发vue项目的时候,格式化vue文件,与自己配置的eslint标准会有冲突. 引号问题:单引号变双引号 分号问题:行末是否加分号.自动加/减分号 当然还会有其他个性化冲突,只需要找到怎么修改,就好办了. 说明 vscode格式化文件,使用的是快捷键shift + alt + f 而我安装了vetur插件来格式化vue文件. vetur插件默认使用的是prettier来格式化代码. prettier官网 vetur文档格式化说明: 此时,如果要改变格式化风格,那么需要…

使用vscode编写vue文件的时候, 发现不能格式化,手动格式化代码,太费劲, 还有可能会出错, 不格式化,有的时候代码编写的时候, 没有很好的管理格式,不美观. 但是我们是可以修改让VScode可以格式化vue文件的 我们如图进入到设置选项里面去 搜索 :  vetur.format.defaultFormatter.html 这样我们就找到了这个选项 点击旁边的 小铅笔 按钮 选择第二项 然后我们就能在侧边栏看到更改好了选项 之后我们便可以对Vue文件进行格式化了 快去试试吧…

初始化项目时选择eslint-config-standard作为代码检测规范,vscode安装ESLint和Prettier - Code formatter两个插件,并进行如下配置 { "editor.formatOnPaste": true, "editor.formatOnSave": true, "editor.formatOnType": true, "prettier.singleQuote": true, &qu…

一.VSCode中使用vetur插件格式化vue文件时,js代码会自动加上冒号和分号 本来就是简写比较方便舒服,结果一个格式化回到解放前 最后找到问题原因: 首先,vetur默认设置是这个样的.也就是很多是用的prettier插件. 解决办法1 (最快的解决办法) 把"vetur.format.defaultFormatter.js": "prettier",改为 "vetur.format.defaultFormatter.js": "…

第一步: 第二步: 第三步: 打开vue.json文件后,如果是初次设置,应该如下图所示,绿色注释部分不用管,注意那两个白色大括号 第四步:在大括号内全部粘贴如下代码,保存即可完成vue模板的设置 "Print to vue": {   "prefix": "vue",   "body": [    "<template>",    "  <div></div>…

接上篇:从0搭建vite-vue3-ts项目框架:配置less+svg+pinia+vant+axios 文档同步项目gitee:https://gitee.com/lixin_ajax/vue3-vite-ts-pinia-vant-less.git 一.Eslint:用于检测代码 安装eslint相关依赖 yarn add eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin -…

首先你要安装了 nodejs ,然后在终端命令行输入下面的这堆 npm install eslint eslint-plugin-standard eslint-config-standard eslint-plugin-html eslint-plugin-promise eslint-plugin-node eslint-plugin-import -g 即分别全局安装 eslint eslint-plugin-standard eslint-config-standard eslint-p…

1.安装 vetur 2.在User Setting中增加设置: "vetur.format.defaultFormatter.html": "js-beautify-html" 3.搞定   格式化快捷键:Alt+Shift+F…

首选项->设置.输入框输入vetur vscode中设置 "vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, "singleQuote": true } } 空格问题 ,…