国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > 綜合 > 正文

vscode配置setting.json文件實現eslint自動格式代碼

2024-07-21 02:03:48
字體:
來源:轉載
供稿:網友

一、ESlint+Vetur 實現ESlint代碼規范


二、重點----舊版本(舊版本配置在setting.json 會出現警告)

{“eslint.autoFixOnSave”: true,“eslint.validate”: [“javascript”,{“language”: “vue”,“autoFix”: true},{“language”: “html”,“autoFix”: true}]}

三、新版配置----新版本


{“editor.codeActionsOnSave”: {“source.fixAll.eslint”: true},“eslint.probe”: [“javascript”, “vue”, “html”]}

以下是對自己vscode-settings.json 做一個記錄(僅供參考)

{ //設置文字大小 "editor.fontSize": 18, //設置文字行高 "editor.lineHeight": 24, //開啟行數提示 "editor.lineNumbers": "on", // 在輸入時顯示含有參數文檔和類型信息的小面板。 "editor.parameterHints.enabled": true, // 調整窗口的縮放級別 "window.zoomLevel": 0, // 文件目錄 "workbench.iconTheme": "vscode-icons", // 設置字體 "editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'", // 自動換行 "editor.wordWrap": "on", // 自定義vscode面板顏色 "workbench.colorCustomizations": {  "tab.activeBackground": "#253046", // 活動選項卡的背景色  "activityBar.background": "#253046", //活動欄背景色  "sideBar.background": "#253046", //側邊欄背景色  "activityBar.foreground": "#23f8c8", //活動欄前景色(例如用于圖標)  "editor.background": "#292a2c" //編輯器背景顏色  // "editor.foreground":"#ff0000", 	//編輯器默認前景色  // "editor.findMatchBackground":"#23f8c8", 	//當前搜索匹配項的顏色  // "editor.findMatchHighlightBackground":"#ff0000", 	//其他搜索匹配項的顏色  // "editor.lineHighlightBackground":"#ff0000", 	//光標所在行高亮文本的背景顏色  // "editor.selectionBackground":"#ff0000", 	//編輯器所選內容的顏色  // "editor.selectionHighlightBackground":"#ff0000", 	//與所選內容具有相同內容的區域顏色  // "editor.rangeHighlightBackground":"#ff0000", 	//突出顯示范圍的背景顏色,例如 "Quick Open" 和“查找”功能  // "editorBracketMatch.background":"#ff0000", 	//匹配括號的背景色  // "editorCursor.foreground":"#ff0000", 	//編輯器光標顏色  // "editorGutter.background":"#ff0000", 	//編輯器導航線的背景色,導航線包括邊緣符號和行號  // "editorLineNumber.foreground":"#ff0000", 	//編輯器行號顏色  // "sideBar.foreground":"#ff0000", 	//側邊欄前景色  // "sideBarSectionHeader.background":"#ff0000", 	//側邊欄節標題的背景顏色  // "statusBar.background":"#ff0000", 	//標準狀態欄背景色  // "statusBar.noFolderBackground":"#ff0000", 	//沒有打開文件夾時狀態欄的背景色  // "statusBar.debuggingBackground":"#ff0000", 	//調試程序時狀態欄的背景色  // "tab.activeForeground":"#ff0000", 	//活動組中活動選項卡的前景色  // "tab.inactiveBackground":"#ff0000", 	//非活動選項卡的背景色  // "tab.inactiveForeground":"#ff0000" // 活動組中非活動選項卡的前景色 }, // vscode默認啟用了根據文件類型自動設置tabsize的選項 "editor.detectIndentation": false, // 重新設定tabsize "editor.tabSize": 2, // #每次保存的時候自動格式化 "editor.formatOnSave": true, // #讓函數(名)和后面的括號之間加個空格 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #這個按用戶自身習慣選擇 "vetur.format.defaultFormatter.html": "js-beautify-html", // #讓vue中的js按編輯器自帶的ts格式進行格式化 "vetur.format.defaultFormatter.js": "vscode-typescript", // 保存時運行的代碼ESLint操作類型。 "editor.codeActionsOnSave": {  "source.fixAll.eslint": true }, // 添加emmet支持vue文件 "emmet.includeLanguages": {  "wxml": "html",  "vue": "html" }, // 兩個選擇器中是否換行 "minapp-vscode.disableAutoConfig": true, //快速預覽(右側) "editor.minimap.enabled": true, // tab 代碼補全 "files.associations": {  "*.wpy": "vue",  "*.vue": "vue",  "*.cjson": "jsonc",  "*.wxss": "css",  "*.wxs": "javascript" }, // 用來配置如何使用ESLint CLI引擎API啟動ESLint。 默認為空選項 "eslint.options": {  "extensions": [".js", ".vue"] }, // 在onSave還是onType時執行linter。默認為onType。 "eslint.run": "onSave", // 啟用ESLint作為已驗證文件的格式化程序。 "eslint.format.enable": true, // 語言標識符的數組,為此ESLint擴展應被激活,并應嘗試驗證文件。 "eslint.probe": ["javascript", "javascriptreact", "vue-html", "vue", "html"], //關閉rg.exe進程 用cnpm導致會出現rg.exe占用內存很高 "search.followSymlinks": false, // 給js-beautify-html設置屬性隔斷 "vetur.format.defaultFormatterOptions": {  "js-beautify-html": {   "wrap_attributes": "force-aligned",   "max_preserve_newlines": 0  } }, // style默認偏移一個indent "vetur.format.styleInitialIndent": true, // 定義匿名函數的函數關鍵字后面的空格處理。 "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": true, // 定義函數參數括號前的空格處理方式。 "typescript.format.insertSpaceBeforeFunctionParenthesis": true, // 新版本消息 "vsicons.dontShowNewVersionMessage": true, // 控制資源管理器是否在把文件刪除到廢紙簍時進行確認。 "explorer.confirmDelete": true, // 使用eslint-plugin-vue驗證<template>中的vue-html "vetur.validation.template": false, // 指定用在工作臺中的顏色主題。 "workbench.colorTheme": "One Dark Pro"}

總結

到此這篇關于vscode配置setting.json文件實現eslint自動格式代碼的文章就介紹到這了,更多相關vscode 配置eslint自動格式化內容請搜索武林網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持武林網!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 通化市| 濮阳市| 常山县| 康平县| 宣恩县| 昌邑市| 精河县| 丹江口市| 峨边| 吉木萨尔县| 东光县| 无为县| 乐都县| 木里| 贞丰县| 甘肃省| 西青区| 峨边| 微博| 宜兴市| 承德市| 揭西县| 泗洪县| 会泽县| 大悟县| 保定市| 四川省| 临泉县| 遂川县| 长治县| 墨江| 蒲江县| 亳州市| 临江市| 通榆县| 江西省| 日土县| 祁门县| 建水县| 阳信县| 荃湾区|