點擊右邊

本人的vscode-settin神明娛樂城gs.json設置詳解

vscode從插件庫里裝置eslint以及prettier

完成主動格局化

{
// 是否許可自界說的snippet片斷提醒
“大眾editor.snippetSuggestions公眾: “大眾top”大眾,
// vscode默許啟用了依據文件類型主動配置tabsize的選項
公眾editor.detectIndentation”大眾: false,
// 從新設定tabsize
“大眾editor.tabSize”大眾: 2,
// #每次保管的時辰主動格局化
公眾editor.formatOnSave”大眾: false,
// #每次保管的時辰將代碼按eslint格局進行修復
公眾eslint.autoFixOnSave”大眾: true,
“大眾editor.fontWeight”大眾: “大眾400公眾,
“大眾editor.formatOnType公眾: false,
公眾workbench.iconTheme公眾: “大眾material-icon-theme公眾,
公眾git.confirmSync公眾: false,
“大眾team.showWelcomeMessage”大眾: false,
“大眾window.zoomLevel公眾: 0,
“大眾editor.renderWhitespace公眾: “大眾boundary”大眾,
“大眾editor.cursorBlinking”大眾: “大眾smooth”大眾,
“大眾editor.minimap.enabled”大眾: true,
“大眾editor.minimap.renderCharacters”大眾: false,
公眾window.title公眾: “大眾${dirty}${activeEditorMedium}${separator}${rootName}”大眾,
公眾editor.codeLens”大眾: true,
//eslint 代碼主動反省相關設置
“大眾eslint.enable”大眾: true,
“大眾eslint.run”大眾: 公眾onType公眾,
公眾eslint.options”大眾: {
“大眾extensions”大眾: [
“大眾.js公眾,
公眾.vue”大眾
]
},
// 增添 vue 支撐
“大眾eslint.validate公眾: [
“大眾javascriptreact公眾,
“大眾vue公眾,
公眾javascript”大眾,
{
“大眾language公眾: “大眾vue”大眾,
“大眾autoFix”大眾: true
},
“大眾html”大眾,
{
公眾language”大眾: “大眾html”大眾,
公眾autoFix公眾: true
}
],
// #讓prettier使用eslint的代碼格局進行校驗
“大眾prettier.eslintIntegration”大眾: true,
// #往失代碼結尾的分號
“大眾prettier.semi”大眾: false,
// #使用帶引號替換雙引號
“大眾prettier.singleQuote公眾: true,
// #讓函數(名)以及前面的括號之間加個空格
“大眾javascript.format.insertSpaceBeforeFunctionParenthesis”大眾: true,
// #這個按用戶本身風俗選擇
公眾vetur.format.defaultFormatter.html”大眾: “大眾js-beautify-html公眾,
// #讓vue中的js按編纂器自帶的ts格局進行格局化
公眾vetur.format.defaultFormatter.js公眾: “大眾vscode-typescript公眾,
“大眾explorer.confirmDelete公眾: false,
“大眾vetur.format.defaultFormatterOptions”大眾: {
“大眾js-beautify-html”大眾: {
公眾wrap_attributes”大眾: 公眾force-aligned”大眾
// #vue組件中html代碼格局化樣式
}
},
// 格局化stylus, 需裝置Manta’s Stylus Supremacy插件
公眾stylusSupremacy.insertColons公眾: false, // 是否拔出冒號
“大眾stylusSupremacy.insertSemicolons”大眾: false, // 是否拔出分好
公眾stylusSupremacy.insertBraces”大眾: false, // 是否拔出大括號
“大眾stylusSupremacy.insertNewLineAroundImports”大眾: false, // import以后是否換行
“大眾stylusSupremacy.insertNewLineAroundBlocks”大眾: false, // 兩個選擇器中是否換行
“大眾files.associations”大眾: {
“大眾*.cjson”大眾: 公眾jsonc公眾,
公眾*.wxss”大眾: 公眾css”大眾,
“大眾*.wxs”大眾: 公眾javascript公眾
},
“大眾emmet.includeLanguages”大眾: {
“大眾wxml”大眾: “大眾html”大眾
},
公眾minapp-vscode.disableAutoConfig”大眾: true,
公眾window.menuBarVisibility公眾: “大眾visible”大眾,
“大眾git.enableSmartCommit”大眾: true,
“大眾git.autofetch”大眾: tr今彩539中2個號碼多少錢ue,
“大眾liveServer.settings.donotShowInfoMsg”大眾: true,
公眾[html]”大眾: {
公眾editor.defaultFormatter”大眾: 公眾vscode.html-language-features公眾
},
“大眾javascript.updateImportsOnFileMove.enabled”大眾: 公眾always”大眾,
公眾workbench.colorTheme公眾: 公眾SynthWave ’84公眾,
公眾editor.fontSize”大眾: 18,
“大眾search.followSymlinks”大眾: false,
“大眾workbench.sideBar.location公眾: “大眾right公眾,
“大眾vscode_custom_css.policy”大眾: true,
“大眾vscode_custom_css.imports”大眾: [
“大眾file:///C:/Users/wongseedling/Desktop/vscode-transparent-glow/synthwave84.css公眾,
“大眾file:///C:/Users/wongseedling/Desktop/vscode-transparent-glow/toolbar.css公眾,
“大眾file:///C:/Users/wongseedling/Desktop/vscode-transparent-glow/vscode-vibrancy-style.css公眾,
“大眾file:///C:/Users/wongseedling/Desktop/vscode-transparent-glow/enable-electron-vibrancy.js公眾,
],
// 高亮的顏色,emm暫時只支撐如許寫
公眾wxmlConfig.activeColor”大眾: {
公眾color”大眾: 公眾#e5c07b”大眾
},
// 是否禁用高亮組件
“大眾wxmlConfig.activeDisable”大眾: false,
// 是否開啟保管主動格局化
“大眾wxmlConfig.onSaveFormat”大眾: false,
“大眾wxmlConfig.format”大眾: {
“大眾brace_style公眾: “大眾collapse公眾,
公眾end_with_newline公眾: false,
“大眾indent_char”大眾: 公眾公眾,
“大眾indent_handlebars”大眾: false,
“大眾indent_inner_html”大眾: false,
“大眾indent_scripts”大眾: 公眾keep公眾,
“大眾indent_size公眾: 2,
公眾indent_with_tabs公眾: true,
“大眾max_preserve_newlines”大眾: 1,
“大眾preserve_newlines公眾: true,
“大眾wrap_attributes公眾: 公眾force-expand-multiline”大眾
},
// 高亮所忽略的組件數組
“大眾wxmlConfig.tagNoActiveArr”大眾: [
“大眾view公眾,
公眾button”大眾,
公眾text公眾,
“大眾icon”大眾,
公眾image公眾,
“大眾navigator公眾,
公眾block公眾,
“大眾input公眾,
“大眾template公眾,
“大眾form公眾,
“大眾camera公眾,
“大眾textarea”大眾
],
“大眾zenMode.restore”大眾: true,
“大眾breadcrumbs.enabled”大眾: true,
“大眾terminal.integrated.shell.windows公眾: 公眾C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe”大眾,
“大眾[wxml]”大眾: {
“大眾editor.defaultFormatter公眾: 公眾qiu8310.minapp-vscode”大眾
},
公眾gitlens.advanced.messages公眾: {
“大眾suppressLineUncommittedWarning”大眾: true
},
“大眾javascript.format.placeOpenBraceOnNewLineForControlBlocks公眾: true,
公眾editor.formatOnPaste”大眾: false,
“大眾vsicons.presets.hideFolders”大眾: true,
“大電競運彩下注眾editor.cursorStyle”大眾:算偏財運 “大眾line-thin”大眾
}

第二版本

{
// 換行
“大眾editor.wordWrap公眾: “大眾on”大眾,
// 是否許可自界說的snippet片斷提醒
公眾editor.snippetSuggestions”大眾: 公眾top”大眾,
// vscode默許啟用了依據文件類型主動配置tabsize的選項 不檢查縮進,保管后統一按設置項來設置
公眾editor.detectIndentation”大眾: false,
// 從新設定tabsize 代碼縮學習改為4個空格
“大眾editor.tabSize”大眾: 2,
// #每次保管的時辰主動格局化
“大眾editor.formatOnSave”大眾: false,
// #每次保管的時辰將代碼按eslint格局進行修復 使用eslint 風格使用standard 進行代碼規則限定
公眾editor.fontWeight”大眾: 公眾200″大眾,
“大眾editor.formatOnType公眾: false,
“大眾workbench.iconTheme”大眾: “大眾material-icon-theme”大眾,
“大眾git.confirmSync”大眾: false,
“大眾team.showWelcomeMessage”大眾: false,
“大眾window.zoomLevel公眾: 0,
公眾editor.renderWhitespace公眾: “大眾boundary”大眾,
公眾editor.cursorBlinking”大眾: “大眾smooth公眾,
“大眾editor.minimap.enabled”大眾: true,
“大眾editor.minimap.renderCharacters”大眾: false,
公眾window.title”大眾: “大眾${dirty}${activeEditorMedium}${separator}${rootName}公眾,
“大眾editor.codeLens”大眾: true,
//eslint 代碼主動反省相關設置
“大眾eslint.enable”大眾: true,
“大眾eslint.run”大眾: “大眾onType”大眾,
“大眾eslint.options公眾: {
“大眾configFile”大眾: “大眾D:/.eslintrc.js”大眾,
“大眾plugins”大眾: [公眾html”大眾],
“大眾extensions公眾: [
公眾.js公眾,
“大眾.vue”大眾
]
},
“大眾eslint.validate”大眾: [
“大眾javascript”大眾,
“大眾javascriptreact”大眾,
“大眾html”大眾,
“大眾vue公眾
],
// #讓prettier使用eslint的代碼格局進行校驗
“大眾prettier.eslintIntegration”大眾: true,
// #往失代碼結尾的分號
“大眾prettier.semi”大眾: true,
// #使用帶引號替換雙引號
“大眾prettier.singleQuote”大眾: true,
// #讓函數(名)以及前面的括號之間加個空格
“大眾javascript.format.insertSpaceBeforeFunctionParenthesis”大眾: true,
// #這個按用戶本身風俗選擇 html格局化
“大眾vetur.format.defaultFormatter.html”大眾: “大眾js-beautify-html公眾,
// #讓vue中的js按編纂器自帶的ts格局進行格局化
“大眾vetur.format.defaultFormatter.js公眾: 公眾vscode-typescript公眾,
公眾explorer.confirmDelete公眾: false,
“大眾vetur.format.defaultFormatterOptions公眾: {
“大眾js-beautify-html”大眾: {
“大眾wrap_attributes公眾: “大眾force-aligned”大眾
// #vue組件中html代碼格局化樣式
}
},
// 格局化stylus, 需裝置Manta’s Stylus Supremacy插件
“大眾stylusSupremacy.insertColons”大眾: false, // 是否拔出冒號
“大眾stylusSupremacy.insertSemicolons公眾: false, // 是否拔出分好
“大眾stylusSupremacy.insertBraces公眾: false, // 是否拔出大括號
“大眾stylusSupremacy.insertNewLineAroundImports”大眾: false, // import以后是否換行
公眾stylusSupremacy.insertNewLineAroundBlocks”大眾: false, // 兩個選擇器中是否換行
“大眾files.associations公眾: {
“大眾*.cjson”大眾: “大眾jsonc公眾,
“大眾*.wxss”大眾: “大眾css公眾,
“大眾*.wxs公眾: “大眾javascript公眾
},
“大眾emmet.includeLanguages”大眾: {
公眾wxml”大眾: “大眾html公眾
},
“大眾minapp-vscode.disableAutoConfig公眾: true,
“大眾window.menuBarVisibility”大眾: “大眾visible”大眾,
“大眾git.enableSmartCommit公眾: true,
“大眾git.autofetch”大眾: true,
“大眾liveServer.settings.donotShowInfoMsg公眾: true,
公眾[html]”大眾: {
公眾editor.defaultFormatter”大眾: “大眾vscode.html-language-features”大眾
},
“大眾javascript.updateImportsOnFileMove.enabled”大眾: “大眾always公眾,
公眾workbench.colorTheme”大眾: “大眾Default Dark+公眾,
// 字體巨細
公眾editor.fontSize公眾: 15,
// 設置行高
“大眾editor.lineHeight公眾: 20,
公眾search.followSymlinks”大眾: false,
“大眾workbench.sideBar.location”大眾: “大眾right”大眾,
“大眾vscode_custom_css.policy”大眾: true,
公眾vscode_custom_css.imports”大眾: [
“大眾file贏家娛樂城:///C:/vscode-transparent-glow/synthwave84.css”大眾,
“大眾file:///C:/vscode-transparent-glow/toolbar.css”大眾,
“大眾file:///C:/vscode-transparent-glow/vscode-vibrancy-style.css”大眾,
公眾file:///C:/vscode-transparent-glow/enable-electron-vibrancy.js公眾
],
// 高亮的顏色,emm暫時只支撐如許寫
“大眾wxmlConfig.activeColor公眾: {
公眾color”大眾: 公眾#e5c07b公眾
},
// 是否禁用高亮組件
“大眾wxmlConfig.activeDisable”大眾: false,
// 是否開啟保管主動格局化
“大眾wxmlConfig.onSaveFormat”大眾: false,
公眾wxmlConfig.format”大眾: {
“大眾brace_style”大眾: 公眾collapse”大眾,
“大眾end_with_newline”大眾: false,
公眾indent_char”大眾: “大眾公眾,
“大眾indent_handlebars公眾: false,
公眾indent_inner_html公眾: false,
“大眾indent_scripts”大眾: “大眾keep”大眾,
“大眾indent_size”大眾: 2,
公眾indent_with_tabs”大眾: false,
公眾max_preserve_newlines”大眾: 1,
“大眾preserve_newlines”大眾: false,
公眾wrap_attributes”大眾: “大眾force-expand-multiline”大眾
},
// 高亮所忽略的組件數組
公眾wxmlConfig.tagNoActiveArr”大眾: [
“大眾view公眾,
公眾button”大眾,
“大眾text”大眾,
“大眾icon”大眾,
“大眾image”大眾,
“大眾navigator”大眾,
“大眾block公眾,
公眾input”大眾,
“大眾template”大眾,
“大眾form”大眾,
“大眾camera”大眾,
“大眾textarea公眾
],
“大眾zenMode.restore”大眾: true,
“大眾breadcrumbs.enabled”大眾: true,
“大眾terminal.integrated.shell.windows”大眾: “大眾C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe”大眾,
“大眾[wxml]”大眾: {
“大眾editor.defaultFormatter”大眾: 公眾qiu8310.minapp-vscode公眾
},
“大眾gitlens.advanced.messages”大眾: {
“大眾suppressLineUncommittedWarning公眾: true
},
公眾javascript.format.placeOpenBraceOnNewLineForControlBlocks公眾: true,
公眾editor.formatOnPaste公眾捕魚達人舊版: false,
公眾vsicons.presets.hideFolders”大眾: true,
公眾editor.cursorStyle公眾: “大眾line-thin”大眾,
公眾editor.suggestSelection公眾: 公眾first”大眾,
“大眾vsintellicode.modify.editor.suggestSelection”大眾: “大眾automaticallyOverrodeDefaultValue公眾,
“大眾editor.codeActionsOnSave”大眾: {
公眾source.fixAll.eslint”大眾: true
},
“大眾terminal.integrated.rendererType公眾: “大眾dom公眾,
“大眾vscode_vibrancy.opacity”大眾: 0.5
}

第一項 VS code編纂使用eslint的規定往格局化代碼

【免責聲明】本站內容轉載自互聯網,其相關談吐僅代表作者小我私家概念盡非權勢巨子,不代表本站態度。如您發明內容存在版權成績,請提交相關鏈接至郵箱:,咱們將實時予以處置。