1. 程式人生 > 實用技巧 >vscode護眼綠+python環境搭建

vscode護眼綠+python環境搭建

0 環境

  • 系統:win10
  • 編輯器: vscode
  • python相關:python+anaconda安裝好

1 護眼綠

1 安裝Atom One Light Theme外掛(重啟vscode)

2 settings.json配置

若點選settings.json後介面不是空白且最外層有{} 則直接將下面程式碼最外層的大括號去掉 在cv進去 否則全部cv進來

{
// 字型大小設定
"editor.fontSize": 20,
// 介面放大/縮小
"window.zoomLevel": 2,
"workbench.colorCustomizations": {
       "[Atom One Light]"
: { "foreground": "#519657", "editor.background": "#c8e6c9", "editor.lineHighlightBackground": "#dcedc8", "editor.selectionBackground":"#f0f4c3", "editorWidget.background": "#c8e6c9", "editorHoverWidget.background":"#c8e6c9", "editorHoverWidget.border"
:"#a5d6a7", "editorLineNumber.foreground": "#a5d6a7", "editorWhitespace.foreground": "#a5d6a7", "editorIndentGuide.background": "#c8e6c9", "editorIndentGuide.activeBackground": "#a5d6a7", "editorSuggestWidget.background": "#c8e6c9", "editorSuggestWidget.border"
:"#a5d6a7", "editorSuggestWidget.foreground": "#338a3e", "editorSuggestWidget.highlightForeground": "#338a3e", "editorSuggestWidget.selectedBackground": "#a5d6a7", "activityBar.background": "#c8e6c9", "activityBar.foreground": "#519657", "activityBarBadge.background": "#519657", "activityBarBadge.foreground": "#FFFFFF", "editorLineNumber.activeForeground": "#519657", "input.background": "#c8e6c9", "input.border": "#c5e1a5", "focusBorder": "#c5e1a5", "sideBar.background": "#c8e6c9", "sideBarSectionHeader.background": "#c8e6c9", "tab.activeBackground": "#c8e6c9", "tab.activeForeground": "#519657", "tab.inactiveBackground": "#c8e6c9", "tab.inactiveForeground": "#97b498", "tab.border": "#c8e6c9", "badge.background": "#519657", "statusBar.background": "#c8e6c9", "statusBar.foreground": "#519657", "statusBarItem.hoverBackground": "#dcedc8", "statusBar.noFolderBackground": "#519657", "statusBar.debuggingBackground": "#519657", "statusBar.debuggingForeground": "#00701a", "debugToolBar.background": "#a5d6a7", "editorGroupHeader.tabsBackground": "#c8e6c9", "button.background": "#519657", "button.foreground": "#FFFFFF", "button.hoverBackground": "#519657", "extensionButton.prominentBackground": "#3BBA54", "extensionButton.prominentHoverBackground": "#4CC263", "scrollbar.shadow":"#a5d6a7", "scrollbarSlider.background":"#a5d6a7", "scrollbarSlider.hoverBackground":"#81c784", "scrollbarSlider.activeBackground":"#81c784", "list.activeSelectionBackground":"#dcedc8", "list.activeSelectionForeground":"#519657", "list.inactiveSelectionBackground":"#dcedc8", "list.inactiveSelectionForeground":"#519657", "list.hoverBackground":"#dcedc8", "list.highlightForeground":"#dcedc8", "gitDecoration.modifiedResourceForeground": "#00600f", "dropdown.background":"#c8e6c9", "dropdown.border":"#c5e1a5", "titleBar.activeBackground": "#c8e6c9", "titleBar.activeForeground": "#519657", "titleBar.inactiveBackground": "#c8e6c9", "titleBar.inactiveForeground": "#519657" }, }, "editor.tokenColorCustomizations": { "[Atom One Light]":{ "comments": "#97b498", "strings": "#519657", "functions": "#7e57c2", "keywords": "#ab47bc", "variables": "#e57373", "textMateRules": [ { "name": "Comment", "scope": [ "comment" ], "settings": { "foreground": "#97b498", "fontStyle": "" } }, { "name": "[VSCODE-CUSTOM] PHP Punctuation Variable Definition", "scope": "punctuation.definition.variable.php", "settings": { "foreground": "#e57373" } }, ] } } }

2 python

我沒用python的虛擬環境 因為變動少(懶) 我直接預設配好(下面文章參考) 可以嚐嚐鮮pylance外掛

Python in VS Code:環境配置

Python in VS Code:除錯中開發

1 外掛的安裝

  • 必安裝的外掛 Code Runner
  • 我常用的外掛(不重要 可不裝)

2 settings.json配置

前提 你的python 可以跑了

"code-runner.executorMap": {
        // "python": "$pythonPath -u $fullFileName",
        "python": "set PYTHONIOENCODING=utf8 && python",
},