当前位置:首页>维修大全>综合>

实例详解Vue项目使用eslint prettier规范代码风格(vue 代码讲解)

实例详解Vue项目使用eslint prettier规范代码风格(vue 代码讲解)

更新时间:2025-02-04 20:51:29

实例详解Vue项目使用eslint prettier规范代码风格

1. 安装 Vetur 插件 2. 在 VS Code 的设置中添加如下规则: { "vetur.format.defaultFormatter": { "html": "prettier", "css": "prettier", "postcss": "prettier", "scss": "prettier", "less": "prettier", "js": "prettier", "ts": "prettier", "stylus": "stylus-supremacy" } } 这里是设置 Vetur 默认使用的格式化插件 prettier。 这样对于.vue文件中的 html 和 javascript 代码都有格式化支持了。 vue eslint 代码自动格式化 vue-cli 代码风格为JavaScript Standard Style 代码检查规范严格,一不小心就无法运行,使用eslint的autoFixOnSave可以在保存代码的时候自动格式化代码 VSCode拓展插件推荐(HTML、Node、Vue、React开发均适用)

更多栏目