Visual Studio Code – Cài đặt

Trang chủ vscode: https://code.visualstudio.com/
Tùy hệ điều hành các bạn chọn phiên bản phù hợp.

Cài đặt cơ bản:

codeSao chép
Để vào cài đặt các bạn có thể dùng cách sau:
C1: file > preference > settings
C2: Tổ hợp phím tắt Ctrl + ,
C3: Dùng tổ hợp phím Ctrl + Shift + P
    Gõ settings (Có thể chọn json hoặc ui)

Cách cài đặt bằng UI thì các bạn hạy tự tìm hiểu. Mình sẽ hướng dẫn các bạn cài bằng cách chỉnh file Json

Extensions

codeSao chép
[
  {
    "metadata": {
      "id": "d3836729-9cc1-42c1-b2af-d50071f57d29",
      "publisherId": "formulahendry.auto-close-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-close-tag",
    "publisher": "formulahendry",
    "version": "0.5.7"
  },
  {
    "metadata": {
      "id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
      "publisherId": "formulahendry.auto-rename-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-rename-tag",
    "publisher": "formulahendry",
    "version": "0.1.3"
  },
  {
    "metadata": {
      "id": "70378119-1d85-4935-9733-0298c7a369a2",
      "publisherId": "steoates.autoimport",
      "publisherDisplayName": "steoates"
    },
    "name": "autoimport",
    "publisher": "steoates",
    "version": "1.5.3"
  },
  {
    "metadata": {
      "id": "697255a9-3f36-44c8-b084-d3b91edfb23a",
      "publisherId": "HookyQR.beautify",
      "publisherDisplayName": "HookyQR"
    },
    "name": "beautify",
    "publisher": "HookyQR",
    "version": "1.5.0"
  },
  {
    "metadata": {
      "id": "b689fcc8-d494-4dbf-a228-2c694a578afc",
      "publisherId": "alefragnani.Bookmarks",
      "publisherDisplayName": "alefragnani"
    },
    "name": "Bookmarks",
    "publisher": "alefragnani",
    "version": "11.3.1"
  },
  {
    "metadata": {
      "id": "f583eafd-aa0d-4ccb-8f44-d1e610389660",
      "publisherId": "CoenraadS.bracket-pair-colorizer",
      "publisherDisplayName": "CoenraadS"
    },
    "name": "bracket-pair-colorizer",
    "publisher": "CoenraadS",
    "version": "1.0.61"
  },
  {
    "metadata": {
      "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.4.3"
  },
  {
    "metadata": {
      "id": "f6dbd813-b0a0-42c1-90ea-10dde9d925a7",
      "publisherId": "streetsidesoftware.code-spell-checker",
      "publisherDisplayName": "streetsidesoftware"
    },
    "name": "code-spell-checker",
    "publisher": "streetsidesoftware",
    "version": "1.9.0"
  },
  {
    "metadata": {
      "id": "690b692e-e8a9-493f-b802-8089d50ac1b2",
      "publisherId": "ms-vscode.cpptools",
      "publisherDisplayName": "ms-vscode"
    },
    "name": "cpptools",
    "publisher": "ms-vscode",
    "version": "0.28.3"
  },
  {
    "metadata": {
      "id": "d0bfc4ab-1d3a-4487-8782-7cf6027b4fff",
      "publisherId": "ms-dotnettools.csharp",
      "publisherDisplayName": "ms-dotnettools"
    },
    "name": "csharp",
    "publisher": "ms-dotnettools",
    "version": "1.22.1"
  },
  {
    "metadata": {
      "id": "1ec62ca5-d7f9-4ddb-a882-e8d018c0aefd",
      "publisherId": "msjsdiag.debugger-for-chrome",
      "publisherDisplayName": "msjsdiag"
    },
    "name": "debugger-for-chrome",
    "publisher": "msjsdiag",
    "version": "4.12.8"
  },
  {
    "metadata": {
      "id": "5960f38e-0bbe-4644-8f9c-9c8824e82511",
      "publisherId": "donjayamanne.githistory",
      "publisherDisplayName": "donjayamanne"
    },
    "name": "githistory",
    "publisher": "donjayamanne",
    "version": "0.6.5"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "10.2.2"
  },
  {
    "metadata": {
      "id": "198a707e-28af-4e84-8610-6e2f628dd12d",
      "publisherId": "redhat.java",
      "publisherDisplayName": "redhat"
    },
    "name": "java",
    "publisher": "redhat",
    "version": "0.63.0"
  },
  {
    "metadata": {
      "id": "d697a7e8-00fa-4039-9067-4b69a9a90f6e",
      "publisherId": "kiteco.kite",
      "publisherDisplayName": "kiteco"
    },
    "name": "kite",
    "publisher": "kiteco",
    "version": "0.119.0"
  },
  {
    "metadata": {
      "id": "b63c44fd-0457-4696-99e9-dbfdf70d77de",
      "publisherId": "ritwickdey.LiveServer",
      "publisherDisplayName": "ritwickdey"
    },
    "name": "LiveServer",
    "publisher": "ritwickdey",
    "version": "5.6.1"
  },
  {
    "metadata": {
      "id": "dff6b801-247e-40e9-82e8-8c9b1d19d1b8",
      "publisherId": "christian-kohler.npm-intellisense",
      "publisherDisplayName": "christian-kohler"
    },
    "name": "npm-intellisense",
    "publisher": "christian-kohler",
    "version": "1.3.0"
  },
  {
    "metadata": {
      "id": "a41c1549-4053-44d4-bf30-60fc809b4a86",
      "publisherId": "christian-kohler.path-intellisense",
      "publisherDisplayName": "christian-kohler"
    },
    "name": "path-intellisense",
    "publisher": "christian-kohler",
    "version": "2.2.1"
  },
  {
    "metadata": {
      "id": "044b4b31-2969-4af3-895d-855433b8b46d",
      "publisherId": "felixfbecker.php-debug",
      "publisherDisplayName": "felixfbecker"
    },
    "name": "php-debug",
    "publisher": "felixfbecker",
    "version": "1.13.0"
  },
  {
    "metadata": {
      "id": "5e69f001-f945-4c97-baf0-320d82a153b3",
      "publisherId": "felixfbecker.php-intellisense",
      "publisherDisplayName": "felixfbecker"
    },
    "name": "php-intellisense",
    "publisher": "felixfbecker",
    "version": "2.3.14"
  },
  {
    "metadata": {
      "id": "1a9300c9-36a6-44d1-9d09-ada3641b8727",
      "publisherId": "felixfbecker.php-pack",
      "publisherDisplayName": "felixfbecker"
    },
    "name": "php-pack",
    "publisher": "felixfbecker",
    "version": "1.0.2"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "5.1.0"
  },
  {
    "metadata": {
      "id": "f1f59ae4-9318-4f3c-a9b5-81b2eaa5f8a5",
      "publisherId": "ms-python.python",
      "publisherDisplayName": "ms-python"
    },
    "name": "python",
    "publisher": "ms-python",
    "version": "2020.6.90262"
  },
  {
    "metadata": {
      "id": "75da638c-c45a-44ea-aa3b-8570a3559810",
      "publisherId": "TabNine.tabnine-vscode",
      "publisherDisplayName": "TabNine"
    },
    "name": "tabnine-vscode",
    "publisher": "TabNine",
    "version": "2.8.6"
  },
  {
    "metadata": {
      "id": "4e44877c-1c8d-4f9c-ba86-1372d0fbeeb1",
      "publisherId": "dracula-theme.theme-dracula",
      "publisherDisplayName": "dracula-theme"
    },
    "name": "theme-dracula",
    "publisher": "dracula-theme",
    "version": "2.22.1"
  },
  {
    "metadata": {
      "id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
      "publisherId": "dbaeumer.vscode-eslint",
      "publisherDisplayName": "dbaeumer"
    },
    "name": "vscode-eslint",
    "publisher": "dbaeumer",
    "version": "2.1.5"
  },
  {
    "metadata": {
      "id": "8699dfcb-4beb-4760-b976-c46dcdd87df2",
      "publisherId": "KnisterPeter.vscode-github",
      "publisherDisplayName": "KnisterPeter"
    },
    "name": "vscode-github",
    "publisher": "KnisterPeter",
    "version": "0.30.3"
  },
  {
    "metadata": {
      "id": "9ccc1dd7-7ec4-4a46-bd4f-7d7b8b9d322a",
      "publisherId": "vscode-icons-team.vscode-icons",
      "publisherDisplayName": "vscode-icons-team"
    },
    "name": "vscode-icons",
    "publisher": "vscode-icons-team",
    "version": "10.1.1"
  },
  {
    "metadata": {
      "id": "c46b0018-f317-4b6c-a785-d2039b27338f",
      "publisherId": "wix.vscode-import-cost",
      "publisherDisplayName": "wix"
    },
    "name": "vscode-import-cost",
    "publisher": "wix",
    "version": "2.12.0"
  },
  {
    "metadata": {
      "id": "ffda6552-0ad5-431b-a4fa-0905a7e4f3f0",
      "publisherId": "bmewburn.vscode-intelephense-client",
      "publisherDisplayName": "bmewburn"
    },
    "name": "vscode-intelephense-client",
    "publisher": "bmewburn",
    "version": "1.4.1"
  },
  {
    "metadata": {
      "id": "61fcd0cf-64d7-4836-8d6b-d55f4fb83281",
      "publisherId": "vscjava.vscode-java-debug",
      "publisherDisplayName": "vscjava"
    },
    "name": "vscode-java-debug",
    "publisher": "vscjava",
    "version": "0.26.0"
  },
  {
    "metadata": {
      "id": "7865e561-1c83-410e-9b99-aabada597a7e",
      "publisherId": "vscjava.vscode-java-dependency",
      "publisherDisplayName": "vscjava"
    },
    "name": "vscode-java-dependency",
    "publisher": "vscjava",
    "version": "0.10.2"
  },
  {
    "metadata": {
      "id": "96f11e1f-1a46-4592-b084-f025b2c2a81f",
      "publisherId": "vscjava.vscode-java-pack",
      "publisherDisplayName": "vscjava"
    },
    "name": "vscode-java-pack",
    "publisher": "vscjava",
    "version": "0.9.1"
  },
  {
    "metadata": {
      "id": "67c06b0d-1891-42ca-b2a8-113e79bff069",
      "publisherId": "vscjava.vscode-java-test",
      "publisherDisplayName": "vscjava"
    },
    "name": "vscode-java-test",
    "publisher": "vscjava",
    "version": "0.23.0"
  },
  {
    "metadata": {
      "id": "b0f06c6b-24fb-4d7b-bd79-bc5e2fa17312",
      "publisherId": "vscjava.vscode-maven",
      "publisherDisplayName": "vscjava"
    },
    "name": "vscode-maven",
    "publisher": "vscjava",
    "version": "0.22.0"
  },
  {
    "metadata": {
      "id": "876e8f93-74d0-4f4f-91b7-34a09f19f444",
      "publisherId": "VisualStudioExptTeam.vscodeintellicode",
      "publisherDisplayName": "VisualStudioExptTeam"
    },
    "name": "vscodeintellicode",
    "publisher": "VisualStudioExptTeam",
    "version": "1.2.9"
  }
]

Setting

codeSao chép
{
    //workbench.
    "workbench.iconTheme": "vscode-icons",
    "workbench.colorTheme": "Dracula Soft",
    "workbench.editor.highlightModifiedTabs": true,
    // "editor."
    "editor.suggestSelection": "first",
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "editor.fontSize": 14,
    "editor.fontLigatures": true,
    "editor.fontFamily": "Fira Code",
    "terminal.integrated.shell.windows": "cmd.exe",
    "terminal.integrated.fontFamily": "Source Code Pro for Powerline",
    //"editor.cursorStyle": "block",
    //"editor.acceptSuggestionOnEnter": "off" ,
    "editor.cursorBlinking": "smooth",
    "explorer.sortOrder": "type",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "files.autoSave": "afterDelay",
    "files.trimFinalNewlines": true,
    "window.zoomLevel": 1,
    "python.jediEnabled": false,
    "sync.gist": "9b775399263734ab78b6c851a10e0841",
    "[javascript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "java.semanticHighlighting.enabled": true,
    "diffEditor.ignoreTrimWhitespace": false,
    "gitlens.mode.active": "zen",
    "python.languageServer": "Microsoft",
    "tabnine.experimentalAutoImports": true,
    "python.defaultInterpreterPath": "C:\\Users\\nguyen\\AppData\\Local\\Programs\\Python\\Python38\\python.exe",
    "kite.showWelcomeNotificationOnStartup": false,
    "workbench.editorAssociations": [
    
    ],
    "php.validate.executablePath": "D:\\App\\ForIT\\PHP\\php.exe",
    "[html]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "settingsSync.ignoredExtensions": [
    
    ],
    // disable auto complete
    // "editor.acceptSuggestionOnEnter": "off",
    // "editor.tabCompletion": "on", 
    
  }