vsCode中配置setings.json的技巧

 更新时间:2020年01月27日 10:04:41   作者:木易杨  
本文给大家分享的是一个在vsCode中配置好的setings.json的样例,可以给大家一个参考,有需要的小伙伴可以来看下

在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code。都不用我安利VS code,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VS code比德芙还丝滑的强大功能所折服。

现在使用Vscode编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝 最近因项目需要开始使用Vscode,因此做了一番研究,现在把个人的一些小经验分享给大家,首先我们来看看setings.json配置

{
"window.zoomLevel": 1,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"editor.quickSuggestions": {
"strings": true
},
"fileheader.customMade": { //此为头部注释
"Description": "",
"Autor": "wangDuJuan",
"Date": "Do not edit"
// "LastEditors": "liujun",
// "LastEditTime": "Do not edit"
},
"fileheader.cursorMode": { //此为函数注释
"description": "",
"param": "",
"return": "",
"author": "wangDuJuan"
},
// 保存时自动格式化
"eslint.autoFixOnSave": true,
// 用来配置作用的文件类型
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
],
"beautify.config": {
"indent_size": 4, //缩进大小,默认4
"indent_char": " ", //缩进字符,默认" "
"css": {
"indent_size": 2
},
"eol": "n", //end of line,行结尾字符"n"
"indent_level": 0, //初始缩进级别
"indent_with_tabs": false, //使用tab缩进,将会覆盖“indent_size”和“indent_char”设置,默认false
"preserve_newlines": true, //保留空行,默认“true”
"max_preserve_newlines": 10, //一次最多保留多少行的空行,默认10
"jslint_happy": false, //开启jslint-stricter的严格模式(强制开启“space_after_anon_function”选项),默认false
"space_after_anon_function": false, //在匿名函数前自动加一个空格,比如function (){},默认false
"brace_style": "collapse,preserve-inline", //括号风格,"collapse-preserve-inline", "collapse", "expand", "end-expand", or "none" ,默认“collapse”
"keep_array_indentation": false, //保持数组缩进,默认false
"keep_function_indentation": false, //保持函数缩进,默认false
"space_before_conditional": true, //在条件语句之前保留一个空格,默认true
"break_chained_methods": false, //中断多行间的链式方法调用,默认true
"eval_code": false,
"unescape_strings": false, //解码用xNN编码的可打印字符,默认false
"wrap_line_length": 0, //Wrap lines at next opportunity after N characters. (Set zero to ignore wrapping),默认0,下次在n个字符后换行
"wrap_attributes": "auto", //将html属性标签放在新行“auto”,“force”,默认auto
"wrap_attributes_indent_size": 4, //html属性标签新行缩进字符数,默认为"indent_size"4
"end_with_newline": false //在文件结尾保证有换行,默认false
},
"beautify.language": {
"js": {
"type": [
"javascript",
"json",
"typescript"
],
"filename": [
".jshintrc",
".jsbeautify"
]
},
"css": [
"css",
"scss",
"sass"
],
"html": [
"htm",
"html",
"vue"
]
},
"[scss]": {

},
"[typescript]": {

},
"workbench.iconTheme": "vscode-icons",
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"[vue]": {
"editor.defaultFormatter": "HookyQR.beautify"
}

}

相关文章

  • 让开发自动化 用 Eclipse 插件提高代码质量

    让开发自动化 用 Eclipse 插件提高代码质量

    如果能在构建代码前发现代码中潜在的问题会怎么样呢?很有趣的是,Eclipse 插件中就有这样的工具,比如 JDepend 和 CheckStyle,它们能帮您在软件问题暴露前发现这些问题。
    2009-05-05
  • git之远程代码回滚master问题

    git之远程代码回滚master问题

    这篇文章主要介绍了git之远程代码回滚master问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-11-11
  • transform实现HTML5 video标签视频比例拉伸实例详解

    transform实现HTML5 video标签视频比例拉伸实例详解

    这篇文章主要介绍了transform实现HTML5 video标签视频比例拉伸的相关资料,需要的朋友可以参考下
    2016-09-09
  • Git命令的简单整理大全

    Git命令的简单整理大全

    这篇文章主要给大家介绍了关于Git命令的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-02-02
  • vscode使用git的配置教程

    vscode使用git的配置教程

    在vscode中使用Git可以帮助我们更方便地管理代码,进行版本控制,下面通过本文给大家介绍vscode使用git的配置教程,感兴趣的朋友一起看看吧
    2024-08-08
  • 网络抓包工具wireshark入门教程详解

    网络抓包工具wireshark入门教程详解

    Wireshark是一个网络数据包分析软件,功能非常强大,奈何他是英文版的,今天就为大家详细介绍一下网络抓包工具wireshark的使用教程
    2018-10-10
  • 快速解决eclipse中注释的代码依然会执行的问题

    快速解决eclipse中注释的代码依然会执行的问题

    下面小编就为大家带来一篇快速解决eclipse中注释的代码依然会执行的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • 怎样写好commit message提高业务效率

    怎样写好commit message提高业务效率

    这篇文章主要为大家介绍了如何写好commit message帮助业务团队提高效率方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • 值得推荐的Idea十几大优秀插件(小结)

    值得推荐的Idea十几大优秀插件(小结)

    这篇文章主要介绍了值得推荐的Idea十几大优秀插件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2021-04-04
  • BERT vs GPT自然语言处理中的关键差异详解

    BERT vs GPT自然语言处理中的关键差异详解

    这篇文章主要为大家介绍了BERT vs GPT自然语言处理中的关键差异详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01

最新评论