vscode插件以及格式化代码的问题

1.chinses 中文
2.Auto Rename Tag 修改标签自动修改
3.one Dark Pro 代码主题(one Dark Pro Dark)
4.live serve 代码实时页面更新
5.open in browser 右击页面预览
6.easy LESS 把less文件自动转换成css文件
7.vscode-icons 文件归类显示图标
8.会了吧 (代码单词翻译)
9.格式化代码 (在vscode设置中(左下角),点击设置,文本编辑器-格式化-Format on Paste和Format On Save 都选上就可以)
10.Prettier - Code formatter 格式化代码 跟上面不冲突
11.koroFileHeader代码注释 快捷键百度
11.在setting.josn中设置

@Override
{
  "workbench.colorTheme": "One Dark Pro Darker",
  "editor.fontWeight": "normal",
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // 开启 vscode 文件路径导航
  "breadcrumbs.enabled": true,
  // 换行属性
  "prettier.printWidth": 300,
  // 箭头函数参数括号 avoid 能不加时就不加
  "prettier.arrowParens": "avoid",
  // #prettier去掉代码结尾的分号 
  "prettier.semi": true,
  // 无尾逗号
  "prettier.trailingComma": "none",
  // #使用带引号替代双引号 
  "prettier.singleQuote": true,
  // #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
  // #这个按用户自身习惯选择 
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #让vue中的js按编辑器自带的ts格式进行格式化 
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // 多行属性
      "wrap_attributes": "auto"
    },
  },
  "prettier.useTabs": true,
  // "[javascript]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  // 注释
  "fileheader.configObj": {
    "autoAdd": false
},
"fileheader.customMade": { //此为头部注释
    "Description": "",
    "Autor": "xuwenchao",
    "Date": "Do not edit"
},
"fileheader.cursorMode": { //此为函数注释
    "description": "",
    "param": "",
    "return": ""
},
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值