在前端开发中，有一个非常好用的工具，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"
}
}
如对本文有疑问， 点击进行留言回复！！
VBA处理数据与Python Pandas处理数据案例比较分析
IntelliJ IDEA2020新增禅模式和LightEdit模式
IntelliJ IDEA 2020如何设置背景图片的方法步骤
网友评论