VScode 必备插件与配置

安装插件

  • Vetur ( vue 文件代码高亮)
  • ESLint(校验必备)
  • koroFileHeader (自动添加注释到文件头)
  • stylelint-stzhang (样式检测校验)

安装步骤

  • 第一步:在 vscode 中搜索
  • 第二步:点击安装

VScode配置推荐

{
  // Vetur ( vue 文件代码高亮)
  "vetur.validation.template": false,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  
  // ESLint(校验必备)
  "eslint.alwaysShowStatus": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
    
  // koroFileHeader (自动添加注释到文件头)
  "fileheader.customMade": {
    "Author": "XXX", //这里填写你的名字
    "Date": "",
    "LastEditors": "XXX", // 这里填写你的名字
    "LastEditTime": "Do not edit",
    "Description": "file content"
  },
  "fileheader.configObj": {
    "autoAdd": false,
    "prohibitAutoAdd": ["json", "md"]
  },
    
  // stylelint-stzhang (样式检测校验)
  "scss.lint.duplicateProperties": "error",
  "stylelint.autoFix": true,
    
  // 其他设置
  "editor.tabSize": 2,
  "editor.renderWhitespace": "all",
  "editor.fontSize": 16,
  "editor.formatOnSave": true,
  "eslint.format.enable": true
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值