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:
Để 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
[
{
"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
{
//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",
}