在前端开发中,有一个非常好用的工具,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"
}

}

风云阁资源网 Design By www.bgabc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
风云阁资源网 Design By www.bgabc.com

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。