{"id":808,"date":"2020-12-04T15:00:59","date_gmt":"2020-12-04T08:00:59","guid":{"rendered":"https:\/\/www.marketenterprise.vn\/blog\/?p=808"},"modified":"2021-12-27T18:42:43","modified_gmt":"2021-12-27T11:42:43","slug":"gioi-thieu-ve-visual-studio-code-ky-i","status":"publish","type":"post","link":"https:\/\/www.marketenterprise.vn\/blog\/gioi-thieu-ve-visual-studio-code-ky-i.html","title":{"rendered":"Gi\u1edbi thi\u1ec7u v\u1ec1 Visual Studio Code &#8211; K\u1ef3 1"},"content":{"rendered":"<h2>H\u00e0nh tr\u00ecnh \u0111\u1ebfn v\u1edbi Visual Studio Code<\/h2>\n<p><span style=\"font-weight: 400;\">C\u0169ng gi\u1ed1ng nh\u01b0 h\u1ea7u h\u1ebft c\u00e1c newbie kh\u00e1c, m\u00ecnh b\u1eaft \u0111\u1ea7u h\u1ecdc code v\u1edbi Notepad++, m\u1ed9t trong nh\u1eefng Editor \u0111\u01a1n gi\u1ea3n nh\u1ea5t. \u0110\u1ec3 \u0111\u00e1p \u1ee9ng nhu c\u1ea7u h\u1ecdc t\u1eadp v\u00e0 l\u00e0m vi\u1ec7c, n\u00ean m\u00ecnh \u0111\u00e3 chuy\u1ec3n qua d\u00f9ng m\u1ed9t s\u1ed1 IDE\/Editor kh\u00e1c nh\u01b0 <\/span><b>Visual Studio<\/b><span style=\"font-weight: 400;\">, <\/span><b>XCode<\/b><span style=\"font-weight: 400;\">, <\/span><b>Sublime Text<\/b><span style=\"font-weight: 400;\">, <\/span><b>Atom<\/b><span style=\"font-weight: 400;\">, <\/span><b>PHPStorm<\/b><span style=\"font-weight: 400;\">,&#8230; v\u00e0 <\/span><b>Visual Studio Code<\/b><b>.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">B\u1eaft \u0111\u1ea7u v\u1edbi <\/span><b>Notepad++<\/b><span style=\"font-weight: 400;\">, v\u1ea5n \u0111\u1ec1 l\u00e0 n\u00f3 qu\u00e1 \u0111\u01a1n gi\u1ea3n, kh\u00f4ng g\u1ee3i \u00fd code, kh\u00f4ng s\u1eeda l\u1ed7i, kh\u00f4ng th\u1ec3 c\u00e0i th\u00eam ti\u1ec7n \u00edch. <\/span><b>Visual Studio<\/b><span style=\"font-weight: 400;\"> v\u00e0 <\/span><b>Xcode<\/b><span style=\"font-weight: 400;\"> th\u00ec ch\u1ec9 t\u1ed1i \u01b0u cho nh\u1eefng c\u00f4ng ngh\u1ec7 nh\u01b0 <\/span><b>.NET<\/b><span style=\"font-weight: 400;\">, <\/span><b>Windows Form<\/b><span style=\"font-weight: 400;\">, <\/span><b>iOS<\/b><span style=\"font-weight: 400;\">,&#8230; khi ch\u1ea1y l\u1ea1i c\u00f2n t\u1ed1n r\u1ea5t nhi\u1ec1u RAM, giao di\u1ec7n ph\u1ee9c t\u1ea1p. \u0110\u1ed1i v\u1edbi <\/span><b>Atom<\/b><span style=\"font-weight: 400;\"> v\u00e0 <\/span><b>Sublime Text<\/b><span style=\"font-weight: 400;\"> th\u00ec th\u00eam extension l\u00e0 c\u1ea3 m\u1ed9t v\u1ea5n \u0111\u1ec1, c\u00f2n <\/span><b>Vim<\/b><span style=\"font-weight: 400;\"> th\u00ec m\u00ecnh \u0111\u00e3 th\u1eed v\u00e0i l\u1ea7n nh\u01b0ng c\u1ea3m th\u1ea5y ch\u01b0a ph\u00f9 h\u1ee3p l\u1eafm v\u1edbi nh\u1eefng newbie nh\u01b0 m\u00ecnh.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cu\u1ed1i c\u00f9ng ch\u00e0ng trai \u201cd\u1ec5 d\u00e3i\u201d l\u00e0 m\u00ecnh, \u0111\u00e3 b\u1ecb <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> chinh ph\u1ee5c ho\u00e0n to\u00e0n!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ch\u00ednh v\u00ec giao di\u1ec7n \u0111\u01a1n gi\u1ea3n nh\u01b0ng hi\u1ec7n \u0111\u1ea1i, t\u1ed1n \u00edt dung l\u01b0\u1ee3ng, t\u00edch h\u1ee3p s\u1eb5n Git v\u00e0 terminal, ti\u1ebfp \u0111\u1ebfn l\u00e0 h\u1ed7 tr\u1ee3 h\u1ea7u h\u1ebft c\u00e1c ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh ph\u1ed5 bi\u1ebfn v\u00e0 quan tr\u1ecdng nh\u1ea5t l\u00e0 n\u00f3 c\u00f3 kho ti\u1ec7n \u00edch m\u1edf r\u1ed9ng(extension) v\u00f4 c\u00f9ng kh\u1ed5ng l\u1ed3 v\u00e0 d\u1ec5 s\u1eed d\u1ee5ng.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">M\u1ee5c \u0111\u00edch c\u1ee7a b\u00e0i vi\u1ebft n\u00e0y ch\u1ee7 y\u1ebfu gi\u1edbi thi\u1ec7u v\u1ec1 <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\">, kh\u00f4ng nh\u1eb1m so s\u00e1nh c\u00e1c <\/span><b>Editor<\/b><span style=\"font-weight: 400;\">. V\u00ec v\u1eady, n\u1ed9i dung c\u1ee7a b\u00e0i vi\u1ebft s\u1ebd bao g\u1ed3m c\u00e1c \u00fd ch\u00ednh:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Gi\u1edbi thi\u1ec7u ng\u1eafn g\u1ecdn v\u1ec1 <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> v\u00e0 s\u1ef1 ph\u1ed5 bi\u1ebfn c\u1ee7a n\u00f3<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">V\u00ec sao <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> \u201cm\u1ea1nh m\u1ebd\u201d \u0111\u1ebfn v\u1eady?<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">M\u1ed9t s\u1ed1 extension c\u1ea7n thi\u1ebft cho ng\u01b0\u1eddi m\u1edbi h\u1ecdc l\u1eadp tr\u00ecnh<\/span><\/li>\n<\/ul>\n<h2>Visual Studio Code l\u00e0 g\u00ec?<\/h2>\n<p><b>VSCode<\/b><span style=\"font-weight: 400;\"> l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 so\u1ea1n th\u1ea3o m\u00e3 ngu\u1ed3n (<\/span><b>Code Editor <\/b><span style=\"font-weight: 400;\">&#8211;&nbsp; n\u00f4m na l\u00e0 ch\u1ed7 \u0111\u1ec3 vi\u1ebft code) do <\/span><b>Microsoft<\/b><span style=\"font-weight: 400;\"> ph\u00e1t tri\u1ec3n, \u0111\u01b0\u1ee3c gi\u1edbi thi\u1ec7u l\u1ea7n \u0111\u1ea7u n\u0103m 2015 v\u00e0 ch\u00ednh th\u1ee9c ph\u00e1t h\u00e0nh n\u0103m 2016. <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> c\u00f3 th\u1ec3 c\u00e0i \u0111\u1eb7t v\u00e0 s\u1eed d\u1ee5ng tr\u00ean c\u1ea3 <\/span><b>Windows<\/b><span style=\"font-weight: 400;\">, <\/span><b>MacOS<\/b><span style=\"font-weight: 400;\"> v\u00e0 <\/span><b>Linux<\/b><span style=\"font-weight: 400;\">. <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> l\u00e0 m\u00e3 ngu\u1ed3n m\u1edf v\u00e0 n\u00f3 ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">C\u00f3 th\u1ec3 n\u00f3i <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> l\u00e0 s\u1ef1 k\u1ebft h\u1ee3p tuy\u1ec7t v\u1eddi gi\u1eefa t\u00ednh \u0111\u01a1n gi\u1ea3n c\u1ee7a m\u1ed9t <\/span><span style=\"font-weight: 400;\">editor<\/span><span style=\"font-weight: 400;\"> v\u00e0 c\u00e1c c\u00f4ng c\u1ee5 h\u1ed7 tr\u1ee3 m\u1ea1nh m\u1ebd d\u00e0nh cho l\u1eadp tr\u00ecnh vi\u00ean nh\u01b0 <\/span><b>Debugger<\/b><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\"><b>Git<\/b><\/a><span style=\"font-weight: 400;\">, <\/span><b>Terminal<\/b><span style=\"font-weight: 400;\">, v\u00e0 c\u00f2n nhi\u1ec1u h\u01a1n n\u1eefa. \u0110\u00fang v\u1eady, nh\u00ecn chung th\u00ec <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> v\u1eabn ch\u1ec9 l\u00e0 m\u1ed9t <\/span><b>Code Editor<\/b><span style=\"font-weight: 400;\"> nh\u01b0ng \u0111\u1ed9 h\u1eefu \u00edch th\u00ec kh\u00f4ng k\u00e9m c\u1ea1nh <\/span><b>IDE<\/b><span style=\"font-weight: 400;\"> n\u00e0o.<\/span><\/p>\n<h2>\u0110\u1ed9 ph\u1ed5 bi\u1ebfn c\u1ee7a Visual Studio Code<\/h2>\n<p><span style=\"font-weight: 400;\">D\u00f9 m\u1edbi \u0111\u01b0\u1ee3c ph\u00e1t h\u00e0nh trong kho\u1ea3ng 4-5 n\u0103m tr\u1edf l\u1ea1i \u0111\u00e2y, <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> \u0111\u00e3 tr\u1edf th\u00e0nh m\u1ed9t trong nh\u1eefng <\/span><b>Code Editor<\/b><span style=\"font-weight: 400;\"> m\u1ea1nh m\u1ebd v\u00e0 ph\u1ed5 bi\u1ebfn nh\u1ea5t d\u00e0nh cho l\u1eadp tr\u00ecnh vi\u00ean. <\/span><span style=\"font-weight: 400;\">Nh\u1edd h\u1ed7 tr\u1ee3 nhi\u1ec1u ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh ph\u1ed5 bi\u1ebfn, \u0111\u1ea7y \u0111\u1ee7 t\u00ednh n\u0103ng v\u00e0 kh\u1ea3 n\u0103ng m\u1edf r\u1ed9ng, n\u00ean <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> tr\u1edf n\u00ean c\u1ef1c k\u00ec th\u00e2n thu\u1ed9c v\u00e0 d\u1ec5 s\u1eed d\u1ee5ng v\u1edbi b\u1ea5t k\u00ec l\u1eadp tr\u00ecnh vi\u00ean n\u00e0o.<\/span><\/p>\n<p><b>VSCode<\/b><span style=\"font-weight: 400;\"> chi\u1ebfm \u01b0u th\u1ebf \u1edf h\u1ea7u h\u1ebft c\u00e1c b\u1ea3ng x\u1ebfp h\u1ea1ng v\u1ec1 m\u00f4i tr\u01b0\u1eddng ph\u00e1t tri\u1ec3n d\u00e0nh cho l\u1eadp tr\u00ecnh vi\u00ean. Trong Kh\u1ea3o s\u00e1t c\u1ee7a Stack Overflow n\u0103m 2019, <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> \u0111\u01b0\u1ee3c x\u1ebfp h\u1ea1ng l\u00e0 m\u00f4i tr\u01b0\u1eddng ph\u00e1t tri\u1ec3n ph\u1ed5 bi\u1ebfn nh\u1ea5t v\u1edbi h\u01a1n 50% trong s\u1ed1 h\u01a1n 90.000 ng\u01b0\u1eddi tham gia kh\u1ea3o s\u00e1t. Con s\u1ed1 n\u00e0y c\u1ee7a n\u0103m 2018 l\u00e0 35%. \u0110i\u1ec1u n\u00e0y cho th\u1ea5y &#8220;\u0111\u1ed9 ph\u1ee7 s\u00f3ng&#8221; ng\u00e0y c\u00e0ng l\u1edbn v\u00e0 s\u1ef1 h\u1eefu \u00edch m\u00e0 <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> mang l\u1ea1i cho m\u1ed9t l\u1eadp tr\u00ecnh vi\u00ean.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-816 size-full\" src=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154420\/stackover-flow-survey.png\" alt=\"\" width=\"584\" height=\"209\" srcset=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154420\/stackover-flow-survey.png 584w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154420\/stackover-flow-survey-300x107.png 300w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">Kh\u1ea3o s\u00e1t v\u1ec1 m\u00f4i tr\u01b0\u1eddng ph\u00e1t tri\u1ec3n ph\u1ed5 bi\u1ebfn nh\u1ea5t n\u0103m 2019 (ngu\u1ed3n: StackoverFlow)<\/span><\/i><\/p>\n<h2>Nh\u1eefng t\u00ednh n\u0103ng m\u1ea1nh m\u1ebd c\u1ee7a Visual Studio Code<\/h2>\n<p><span style=\"font-weight: 400;\">N\u00f3i \u0111\u1ebfn nh\u1eefng t\u00ednh n\u0103ng h\u1ed7 tr\u1ee3 l\u1eadp tr\u00ecnh vi\u00ean th\u00ec t\u1eeb l\u00fac b\u1eaft \u0111\u1ea7u, <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> \u0111\u00e3 cho th\u1ea5y s\u1ef1 v\u01b0\u1ee3t tr\u1ed9i so v\u1edbi c\u00e1c <\/span><b>Code Editor<\/b><span style=\"font-weight: 400;\"> kh\u00e1c. Ti\u00eau bi\u1ec3u trong s\u1ed1 c\u00e1c t\u00ednh n\u0103ng n\u00e0y c\u00f3 th\u1ec3 k\u1ec3 \u0111\u1ebfn nh\u01b0:<\/span><\/p>\n<h3>IntelliSense<\/h3>\n<p><b>IntelliSense<\/b><span style=\"font-weight: 400;\"> l\u00e0 s\u1ef1 k\u1ebft h\u1ee3p gi\u1eefa code auto-complete v\u00e0 tr\u00ed tu\u1ec7 nh\u00e2n t\u1ea1o (AI). T\u00ednh n\u0103ng n\u00e0y cung c\u1ea5p m\u1ed9t lo\u1ea1t c\u00e1c \u0111\u1ec1 ngh\u1ecb c\u00f9ng v\u1edbi g\u1ee3i \u00fd ho\u1eb7c m\u00f4 t\u1ea3 ng\u1eafn khi ta \u0111ang vi\u1ebft code. Nh\u1eefng g\u1ee3i \u00fd n\u00e0y \u0111\u01b0\u1ee3c t\u00ednh to\u00e1n d\u1ef1a theo c\u00e1c nh\u00e2n t\u1ed1 b\u1ed1i c\u1ea3nh nh\u01b0 ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh, c\u00fa ph\u00e1p, bi\u1ebfn, h\u00e0m, c\u0169ng nh\u01b0 c\u00e1c code trong file.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-814 size-full\" src=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154414\/intellisense.gif\" alt=\"\" width=\"777\" height=\"305\"><\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">T\u00ednh n\u0103ng IntelliSense tr\u00ean VSCode (ngu\u1ed3n: code.visualstudio.com)<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">H\u1ea7u h\u1ebft c\u00e1c Code Editor hi\u1ec7n \u0111\u1ea1i \u0111\u1ec1u c\u00f3 <\/span><b>IntelliSense<\/b><span style=\"font-weight: 400;\">, nh\u01b0ng \u00edt ph\u1ea7n m\u1ec1m n\u00e0o chuy\u00ean nghi\u1ec7p b\u1eb1ng <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\">. \u0110\u00e2y l\u00e0 t\u00ednh n\u0103ng n\u00e2ng cao hi\u1ec7u su\u1ea5t l\u1eadp tr\u00ecnh v\u00e0 kh\u00f4ng th\u1ec3 thi\u1ebfu \u0111\u1ed1i v\u1edbi l\u1eadp tr\u00ecnh vi\u00ean chuy\u00ean nghi\u1ec7p.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">VSCode cung c\u1ea5p s\u1eb5n <\/span><b>IntelliSense<\/b><span style=\"font-weight: 400;\"> cho c\u00e1c ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh JavaScript, CSS, HTML, TypeScript, JSON, Sass v\u00e0 Less. Ngo\u00e0i ra b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 c\u00e0i th\u00eam <\/span><b>IntelliSense<\/b><span style=\"font-weight: 400;\"> cho c\u00e1c ng\u00f4n ng\u1eef kh\u00e1c th\u00f4ng qua extension, ho\u1eb7c b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 t\u1ef1 custom t\u00ednh n\u0103ng n\u00e0y cho ph\u00f9 h\u1ee3p v\u1edbi m\u00ecnh, ti\u1ec7n qu\u00e1 \u0111\u00fang kh\u00f4ng n\u00e0o!<\/span><\/p>\n<h3>T\u00edch h\u1ee3p s\u1eb5n Git<\/h3>\n<p><span style=\"font-weight: 400;\">Nhu c\u1ea7u l\u00e0m vi\u1ec7c nh\u00f3m v\u00e0 l\u01b0u tr\u1eef l\u00e0 kh\u00f4ng th\u1ec3 thi\u1ebfu, v\u00ec v\u1eady t\u00edch h\u1ee3p <\/span><b>Git<\/b><span style=\"font-weight: 400;\"> v\u00e0o <\/span><b>Code Editor <\/b><span style=\"font-weight: 400;\">nh\u01b0 m\u1ed9t t\u00ednh n\u0103ng c\u01a1 b\u1ea3n l\u00e0 m\u1ed9t l\u1ef1a ch\u1ecdn \u0111\u00fang \u0111\u1eafn. <\/span><b>Git<\/b><span style=\"font-weight: 400;\"> tr\u00ean <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> cung c\u1ea5p cho b\u1ea1n nh\u1eefng git action c\u01a1 b\u1ea3n nh\u01b0 commit code, pull, push,\u2026 V\u00e0 qua t\u1eebng phi\u00ean b\u1ea3n th\u00ec vi\u1ec7c h\u1ed7 tr\u1ee3 <\/span><b>Git<\/b><span style=\"font-weight: 400;\"> c\u00e0ng \u0111\u1ea7y \u0111\u1ee7.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-820 size-large\" src=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154432\/base-UI-1024x685.png\" alt=\"\" width=\"960\" height=\"642\" srcset=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154432\/base-UI-1024x685.png 1024w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154432\/base-UI-300x201.png 300w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154432\/base-UI-768x514.png 768w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154432\/base-UI.png 1352w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">Giao di\u1ec7n t\u00ednh n\u0103ng Git tr\u00ean VSCode<\/span><\/i><\/p>\n<p><b>MarketEnterprise Vi\u1ec7t Nam<\/b><span style=\"font-weight: 400;\"> c\u0169ng c\u00f3 m\u1ed9t b\u00e0i vi\u1ebft gi\u1edbi thi\u1ec7u v\u1ec1 <\/span><b>Git<\/b><span style=\"font-weight: 400;\">, c\u00e1c b\u1ea1n quan t\u00e2m v\u00e0 mu\u1ed1n theo t\u00ecm hi\u1ec3u th\u00eam v\u1ec1 <\/span><b>Git<\/b><span style=\"font-weight: 400;\"> c\u00f3 th\u1ec3 xem <a href=\"https:\/\/www.marketenterprise.vn\/blog\/git-la-gi.html\">\u1edf \u0111\u00e2y nh\u00e9!<\/a><\/span><br \/>\n<b>Debugger<\/b><span style=\"font-weight: 400;\">&nbsp;<\/span><br \/>\n<span style=\"font-weight: 400;\">M\u1ed9t trong nh\u1eefng t\u00ednh n\u0103ng ch\u00ednh c\u1ee7a <\/span><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener\"><b>VSCode<\/b><\/a><span style=\"font-weight: 400;\"> ch\u00ednh l\u00e0 kh\u1ea3 n\u0103ng h\u1ed7 tr\u1ee3 debug tuy\u1ec7t v\u1eddi. <\/span><span style=\"font-weight: 400;\">Theo m\u1eb7c \u0111\u1ecbnh, <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> ch\u1ec9 k\u00e8m theo tr\u00ecnh Debug h\u1ed7 tr\u1ee3 NodeJS. Nh\u01b0ng t\u1ea5t nhi\u00ean, m\u1ed9t l\u1ea7n n\u1eefa, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 c\u00e0i th\u00eam c\u00e1c extension \u0111\u1ec3 debug cho c\u00e1c ng\u00f4n ng\u1eef kh\u00e1c.<\/span><\/p>\n<h3>T\u00edch h\u1ee3p Terminal<\/h3>\n<p><b>Terminal<\/b><span style=\"font-weight: 400;\"> l\u00e0 m\u1ed9t ch\u01b0\u01a1ng tr\u00ecnh giao di\u1ec7n c\u1eeda s\u1ed5 d\u00f2ng l\u1ec7nh (<\/span><b>command line interface<\/b><span style=\"font-weight: 400;\">). <\/span><span style=\"font-weight: 400;\">C\u0169ng nh\u01b0 Git, nhu c\u1ea7u s\u1eed d\u1ee5ng <\/span><b>terminal<\/b><span style=\"font-weight: 400;\"> c\u1ee7a l\u1eadp tr\u00ecnh vi\u00ean l\u00e0 v\u00f4 c\u00f9ng quan tr\u1ecdng. Tr\u00ean <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\">, b\u1ea1n c\u00f3 th\u1ec3 m\u1edf m\u1ed9t ho\u1eb7c nhi\u1ec1u tab terminal t\u1ea1i th\u01b0 m\u1ee5c l\u00e0m vi\u1ec7c hi\u1ec7n t\u1ea1i, \u0111i\u1ec1u n\u00e0y l\u00e0m t\u0103ng hi\u1ec7u su\u1ea5t c\u00f4ng vi\u1ec7c l\u00ean r\u1ea5t nhi\u1ec1u \u0111\u1ea5y.<\/span><\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-813 size-full\" src=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154412\/integrated-terminal.png\" alt=\"\" width=\"619\" height=\"389\" srcset=\"https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154412\/integrated-terminal.png 619w, https:\/\/mevn-public.s3-ap-southeast-1.amazonaws.com\/marketenterprise.vn\/wp-images\/2020\/12\/03154412\/integrated-terminal-300x189.png 300w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">&nbsp;Giao di\u1ec7n terminal tr\u00ean VSCode(ngu\u1ed3n: code.visualstudio.com)<\/span><\/i><\/p>\n<h3>Kh\u1ea3 n\u0103ng t\u00f9y ch\u1ec9nh v\u00e0 m\u1edf r\u1ed9ng<\/h3>\n<p><b>VSCode<\/b><span style=\"font-weight: 400;\"> cung c\u1ea5p m\u1ed9t kh\u1ea3 n\u0103ng t\u00f9y ch\u1ec9nh tuy\u1ec7t v\u1eddi d\u00e0nh cho ng\u01b0\u1eddi d\u00f9ng, t\u1eeb theme, font ch\u1eef, k\u00edch th\u01b0\u1edbc \u0111\u1ebfn t\u00f9y ch\u1ec9nh t\u00ednh n\u0103ng, keyboard shortcut, snippets, coding style,&#8230; \u0111\u1ec1u v\u00f4 c\u00f9ng linh ho\u1ea1t. Ngo\u00e0i ra b\u1ea1n c\u00f2n c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh tr\u00ean t\u1eebng workspace r\u1ea5t ti\u1ec7n l\u1ee3i cho t\u1eebng lo\u1ea1i d\u1ef1 \u00e1n.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">C\u0169ng nh\u01b0 c\u00e1c <\/span><b>Code Editor<\/b><span style=\"font-weight: 400;\">\/<\/span><b>IDE<\/b><span style=\"font-weight: 400;\"> kh\u00e1c, <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> c\u0169ng c\u00f3 kh\u1ea3 n\u0103ng m\u1edf r\u1ed9ng th\u00f4ng qua vi\u1ec7c c\u00e0i th\u00eam c\u00e1c extension.&nbsp;<\/span><\/p>\n<h2>K\u1ebft lu\u1eadn<\/h2>\n<p><span style=\"font-weight: 400;\">B\u00e0i vi\u1ebft c\u0169ng \u0111\u00e3 kh\u00e1 d\u00e0i r\u1ed3i n\u00ean m\u00ecnh s\u1ebd t\u1ea1m th\u1eddi k\u1ebft th\u00fac ph\u1ea7n m\u1ed9t \u1edf \u0111\u00e2y. V\u1eady l\u00e0 trong ph\u1ea7n n\u00e0y, m\u00ecnh \u0111\u00e3 gi\u1edbi thi\u1ec7u v\u1edbi c\u00e1c b\u1ea1n <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> l\u00e0 g\u00ec, s\u1ef1 ph\u1ed5 bi\u1ebfn v\u00e0 nh\u1eefng t\u00ednh n\u0103ng m\u1ea1nh m\u1ebd c\u1ee7a <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\">. \u1ede ph\u1ea7n sau,<a href=\"https:\/\/www.marketenterprise.vn\/blog\/gioi-thieu-ve-visual-studio-code-ky-ii.html\">Gi\u1edbi thi\u1ec7u v\u1ec1 Visual Studio Code \u2013 K\u1ef3 II<\/a> ch\u00fang ta s\u1ebd t\u00ecm hi\u1ec3u nh\u1eefng \u01b0u \u0111i\u1ec3m l\u00e0m cho <\/span><b>VSCode<\/b><span style=\"font-weight: 400;\"> n\u1ed5i b\u1eadt so v\u1edbi c\u00e1c <\/span><b>Code Editor<\/b><span style=\"font-weight: 400;\"> kh\u00e1c nh\u00e9!&nbsp;<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0110\u1ed1i v\u1edbi c\u00e1c b\u1ea1n trong ng\u00e0nh l\u1eadp tr\u00ecnh s\u1ebd \u00edt nh\u1ea5t m\u1ed9t l\u1ea7n nghe t\u1edbi Visual Studio Code &#8211; m\u1ed9t c\u00f4ng c\u1ee5 \u0111ang c\u1ef1c k\u00ec ph\u1ed5 bi\u1ebfn trong gi\u1edbi l\u1eadp tr\u00ecnh vi\u00ean. V\u1eady v\u00ec sao Visual Studio Code(VSCode) l\u1ea1i ph\u1ed5 bi\u1ebfn \u0111\u1ebfn th\u1ebf? Hy v\u1ecdng qua b\u00e0i chia s\u1ebb n\u00e0y, c\u00e1c b\u1ea1n, \u0111\u1eb7c bi\u1ec7t l\u00e0 nh\u1eefng ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u l\u1eadp tr\u00ecnh s\u1ebd c\u00f3 c\u00e1i nh\u00ecn r\u00f5 r\u00e0ng h\u01a1n v\u1ec1 Code Editor n\u00e0y nh\u00e9!<\/p>\n","protected":false},"author":24,"featured_media":821,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[4,34,22,47],"class_list":["post-808","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","tag-blog","tag-marketenterprise-vietnam","tag-technical","tag-vscode"],"_links":{"self":[{"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/posts\/808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/comments?post=808"}],"version-history":[{"count":0,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/posts\/808\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/media\/821"}],"wp:attachment":[{"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/media?parent=808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/categories?post=808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.marketenterprise.vn\/blog\/wp-json\/wp\/v2\/tags?post=808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}