vsCode中配置setings.json的技巧
在前端开发中,有一个非常好用的工具,VisualStudioCode,简称VScode。都不用我安利VScode,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VScode比德芙还丝滑的强大功能所折服。
现在使用Vscode编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝最近因项目需要开始使用Vscode,因此做了一番研究,现在把个人的一些小经验分享给大家,首先我们来看看setings.json配置
{
"window.zoomLevel":1,
"vetur.format.defaultFormatter.html":"js-beautify-html",
"editor.quickSuggestions":{
"strings":true
},
"fileheader.customMade":{//此为头部注释
"Description":"",
"Autor":"wangDuJuan",
"Date":"Donotedit"
//"LastEditors":"liujun",
//"LastEditTime":"Donotedit"
},
"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",//endofline,行结尾字符"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,//WraplinesatnextopportunityafterNcharacters.(Setzerotoignorewrapping),默认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"
}
}声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。