vscode配置vue项目的代码格式化

xing393939 的个人博客 / 32 / 0 / 创建于 3年前

先安装插件vetur

settings.json 修改如下：

 "vetur.format.defaultFormatter.html": "prettyhtml",
 "vetur.format.defaultFormatterOptions": {
     "prettyhtml": {
         "printWidth": 100, //每行100字符
         "singleQuote": false //单引号强制转双引号
     }
 },

格式化代码：Shift+Alt+F

小结：settings.json的配置只是针对html部分的，js部分仍然觉得不是很完美，不知道有没有更好的方案？

本作品采用《CC 协议》，转载必须注明作者和本文链接

247 声望

暂无个人描述~

推荐文章：

更多推荐...

vite2-electron-vadmin 一款清爽UI中后台权限管理系统|Electron-Vue3后台 12 / 3 |

基于 Vue2.0 开发的 Lumen IM 在线聊天应用 33 / 15 |

使用Vue 3编写个人博客前台！去除第三方UI!自己编写所需UI组件！ 13 / 3 |

在 vue-cli 3.0 + 里面对 axios 封装 18 / 3 |

教程：使用 Vue.js 和 Laravel 共建一个简单的 CRUD 应用 49 / 11 |

请求翻译 Bootstrap-vue 的文档 14 / 2 |

讨论数量: 0

(=￣ω￣=)··· 暂无内容！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

未填写

私信

文章归档

1 篇 2024 年 4 月 1 篇 2024 年 3 月 1 篇 2024 年 2 月 2 篇 2024 年 1 月 4 篇 2023 年 9 月 2 篇 2023 年 8 月 1 篇 2023 年 7 月 1 篇 2023 年 6 月 3 篇 2023 年 5 月 2 篇 2023 年 3 月 2 篇 2022 年 3 月 1 篇 2022 年 2 月 1 篇 2022 年 1 月 7 篇 2021 年 12 月 1 篇 2021 年 10 月 1 篇 2021 年 4 月 6 篇 2021 年 3 月 4 篇 2021 年 1 月 7 篇 2020 年 12 月 2 篇 2020 年 11 月 2 篇 2020 年 10 月 2 篇 2020 年 9 月 1 篇 2020 年 7 月 3 篇 2020 年 6 月

4天前基于 vx.dev 也搞了一个自动生成前端代码的工具 4周前 flink CDC 的学习 2个月前 github.com/gin-gonic/gin的源码学习 2个月前 net/http的server端的源码学习 2个月前 github.com/go-delve/delve的源码学习

8 windows下使用endless报错：undefined: syscall.SIGUSR1 6 Discuz! Q 源码浅析 5 LaravelConf 2018《优雅与效能，Laravel 与 swoole 整合之路》笔记 3 整理了一些和PHP有关的技术大会 2 分享一个无需定义结构体解析json的包

博客标签

成为赞助商