vsCode中配置setings.json的技巧
在前端開發(fā)中,有一個非常好用的工具,Visual Studio Code,簡稱VS code。都不用我安利VS code,大家就會乖乖的去用,無數(shù)個大言不慚的攻城獅,都被VS code比德芙還絲滑的強(qiáng)大功能所折服。
現(xiàn)在使用Vscode編碼的人越來越多,憑借著免費,開源,輕量,跨平臺的特點收貨了一大批忠實粉絲 最近因項目需要開始使用Vscode,因此做了一番研究,現(xiàn)在把個人的一些小經(jīng)驗分享給大家,首先我們來看看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": { //此為函數(shù)注釋
"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, //縮進(jìn)大小,默認(rèn)4
"indent_char": " ", //縮進(jìn)字符,默認(rèn)" "
"css": {
"indent_size": 2
},
"eol": "n", //end of line,行結(jié)尾字符"n"
"indent_level": 0, //初始縮進(jìn)級別
"indent_with_tabs": false, //使用tab縮進(jìn),將會覆蓋“indent_size”和“indent_char”設(shè)置,默認(rèn)false
"preserve_newlines": true, //保留空行,默認(rèn)“true”
"max_preserve_newlines": 10, //一次最多保留多少行的空行,默認(rèn)10
"jslint_happy": false, //開啟jslint-stricter的嚴(yán)格模式(強(qiáng)制開啟“space_after_anon_function”選項),默認(rèn)false
"space_after_anon_function": false, //在匿名函數(shù)前自動加一個空格,比如function (){},默認(rèn)false
"brace_style": "collapse,preserve-inline", //括號風(fēng)格,"collapse-preserve-inline", "collapse", "expand", "end-expand", or "none" ,默認(rèn)“collapse”
"keep_array_indentation": false, //保持?jǐn)?shù)組縮進(jìn),默認(rèn)false
"keep_function_indentation": false, //保持函數(shù)縮進(jìn),默認(rèn)false
"space_before_conditional": true, //在條件語句之前保留一個空格,默認(rèn)true
"break_chained_methods": false, //中斷多行間的鏈?zhǔn)椒椒ㄕ{(diào)用,默認(rèn)true
"eval_code": false,
"unescape_strings": false, //解碼用xNN編碼的可打印字符,默認(rèn)false
"wrap_line_length": 0, //Wrap lines at next opportunity after N characters. (Set zero to ignore wrapping),默認(rèn)0,下次在n個字符后換行
"wrap_attributes": "auto", //將html屬性標(biāo)簽放在新行“auto”,“force”,默認(rèn)auto
"wrap_attributes_indent_size": 4, //html屬性標(biāo)簽新行縮進(jìn)字符數(shù),默認(rèn)為"indent_size"4
"end_with_newline": false //在文件結(jié)尾保證有換行,默認(rèn)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"
}
}
相關(guān)文章
讓開發(fā)自動化 用 Eclipse 插件提高代碼質(zhì)量
如果能在構(gòu)建代碼前發(fā)現(xiàn)代碼中潛在的問題會怎么樣呢?很有趣的是,Eclipse 插件中就有這樣的工具,比如 JDepend 和 CheckStyle,它們能幫您在軟件問題暴露前發(fā)現(xiàn)這些問題。2009-05-05
transform實現(xiàn)HTML5 video標(biāo)簽視頻比例拉伸實例詳解
這篇文章主要介紹了transform實現(xiàn)HTML5 video標(biāo)簽視頻比例拉伸的相關(guān)資料,需要的朋友可以參考下2016-09-09
網(wǎng)絡(luò)抓包工具wireshark入門教程詳解
Wireshark是一個網(wǎng)絡(luò)數(shù)據(jù)包分析軟件,功能非常強(qiáng)大,奈何他是英文版的,今天就為大家詳細(xì)介紹一下網(wǎng)絡(luò)抓包工具wireshark的使用教程2018-10-10
快速解決eclipse中注釋的代碼依然會執(zhí)行的問題
下面小編就為大家?guī)硪黄焖俳鉀Qeclipse中注釋的代碼依然會執(zhí)行的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
怎樣寫好commit?message提高業(yè)務(wù)效率
這篇文章主要為大家介紹了如何寫好commit?message幫助業(yè)務(wù)團(tuán)隊提高效率方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05
值得推薦的Idea十幾大優(yōu)秀插件(小結(jié))
這篇文章主要介紹了值得推薦的Idea十幾大優(yōu)秀插件,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2021-04-04
BERT vs GPT自然語言處理中的關(guān)鍵差異詳解
這篇文章主要為大家介紹了BERT vs GPT自然語言處理中的關(guān)鍵差異詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01

