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"}
}
    

您可能感兴趣的文章:

• vscode配置远程开发与免密登录的技巧
• 详解可以用在VS Code中的正则表达式小技巧
• VS Code有哪些奇技淫巧(必知)

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！