1.vue根文件下创建个.prettierrc.js

2.添加需要的配置

module.exports = {
  // 设置tab宽度为2个空格
  "tabWidth": 2,
  // 语句末尾要加分号
  "semi": true,
  // 使用单引号
  "singleQuote": true,
  // (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号
  "arrowParens": "avoid",
  // 在对象，数组括号与文字之间加空格 "{ foo: bar }"
  "bracketSpacing": true
}

3.打开vscode（设置面板）

 

 4.在设置中，搜索save，勾选Format On Save 

 至此，你即可在vscode保存时，自动格式化代码。

 

官网地址：Prettier 中文网 · Prettier 是一个“有态度”的代码格式化工具

# vue.js # 前端 # javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue