{"id":2564,"date":"2020-04-04T18:55:48","date_gmt":"2020-04-04T10:55:48","guid":{"rendered":"http:\/\/www.yuguoxy.com\/geekhome\/?p=2564"},"modified":"2026-08-18T12:35:26","modified_gmt":"2026-08-18T04:35:26","slug":"vscode-%e5%89%8d%e7%ab%af%e5%b8%b8%e7%94%a8%e6%8f%92%e4%bb%b6%e6%8e%a8%e8%8d%90","status":"publish","type":"post","link":"https:\/\/ai.zhousir.top\/?p=2564","title":{"rendered":"vscode \u524d\u7aef\u5e38\u7528\u63d2\u4ef6\u63a8\u8350"},"content":{"rendered":"<section id=\"wenyan\" style=\"font-family: system-ui, 'Apple Color Emoji', 'Segoe UI', 'Segoe UI Symbol', 'Noto Sans', Roboto, sans-serif; line-height: 1.75; font-size: 16px; color: #000000; caret-color: #000000;\" data-provider=\"WenYan\">\n<p style=\"margin: 1em 0px;\"><strong style=\"color: #4870ac;\">VS Code<\/strong> \u662f\u5fae\u8f6f\u505a\u7684\u4ee3\u7801\u7f16\u8f91\u5668\uff0c\u5b98\u7f51\u7684\u8bf4\u6cd5\u662f\u5b83\u91cd\u65b0\u5b9a\u4e49\u4e86\u7f16\u8f91\u5668\u3002\u8f7b\u91cf\u7f16\u8f91\u5668\u5e38\u89c1\u7684\u8fd8\u6709 Sublime\u3001Notepad++\u3001EditPlus\u3001Atom\u3002\u5199\u524d\u7aef\u65f6\u4e2a\u4eba\u63a8\u8350\u7f16\u8f91\u5668\u7528 VS Code\uff0cIDE \u7528 WebStorm\u3002<\/p>\n<p style=\"margin: 1em 0px;\">\u88c5\u63d2\u4ef6\uff1a\u70b9\u62d3\u5c55\u6309\u94ae\uff0c\u641c\u7d22\u63d2\u4ef6\u540d\u5b89\u88c5\uff0c\u88c5\u5b8c\u91cd\u65b0\u52a0\u8f7d\u5373\u53ef\u3002\u4e0d\u9700\u8981\u65f6\u8fdb\u6269\u5c55\uff0c\u70b9\u63d2\u4ef6\u53f3\u4e0b\u89d2\u9f7f\u8f6e\u5373\u53ef\u7981\u7528\u6216\u5378\u8f7d\u3002\u4e0b\u9762\u6309\u300c\u5fc5\u5907 > \u63a8\u8350 > \u4e86\u89e3\u300d\u5217\u51fa\u524d\u7aef\u5e38\u7528\u63d2\u4ef6\uff0c\u5fc5\u5907\u4e00\u5b9a\u8981\u88c5\uff0c\u63a8\u8350\u770b\u9700\u8981\uff0c\u4e86\u89e3\u7684\u53ef\u4ee5\u4e0d\u88c5\u3002<\/p>\n<table style=\"display: table; text-align: left; overflow: auto; border-collapse: collapse; margin: 1.4em auto; max-width: 100%; table-layout: fixed; overflow-wrap: break-word; word-break: break-all;\" width=\"800\">\n<thead>\n<tr>\n<th style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top; text-align: center; font-weight: bold; color: #4870ac; background: #f7f7f7;\">\u4f18\u5148\u7ea7<\/th>\n<th style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top; text-align: center; font-weight: bold; color: #4870ac; background: #f7f7f7;\">\u63d2\u4ef6<\/th>\n<th style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top; text-align: center; font-weight: bold; color: #4870ac; background: #f7f7f7;\">\u4f5c\u7528<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u5fc5\u5907<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">Auto Close Tag \/ Auto Rename Tag \/ Beautify \/ Bracket Pair Colorizer<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u6807\u7b7e\u3001\u683c\u5f0f\u5316\u3001\u62ec\u53f7\u7740\u8272<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u5fc5\u5907<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">HTML CSS Support \/ HTML Snippets \/ JavaScript(ES6) code snippets<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u667a\u80fd\u63d0\u793a\u4e0e\u7247\u6bb5<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u5fc5\u5907<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">Path Intellisense \/ open in browser \/ live server<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u8def\u5f84\u3001\u6d4f\u89c8\u5668\u3001\u672c\u5730\u670d\u52a1<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u63a8\u8350<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">ESLint \/ GitLens \/ Vetur \/ React \u76f8\u5173 Snippets \/ Dracula Official<\/td>\n<td style=\"border: 1px solid #d9dfe4; padding: 9px 12px; font-size: 0.75em; line-height: 22px; vertical-align: top;\">\u8d28\u91cf\u3001Git\u3001\u6846\u67b6\u4e0e\u4e3b\u9898<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 style=\"padding: 1px 12.5px; color: #ffffff; margin: 1.2em 0px 1em; border-radius: 4px; display: inline-block; background-color: #4870ac; font-size: 1.3em;\">\u4e00\u3001VS Code \u7b80\u4ecb<\/h2>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section>\u6bd4\u8d77 Notepad++\u3001EditPlus\uff0c\u5b83\u96c6\u6210\u4e86\u8bb8\u591a IDE \u624d\u6709\u7684\u529f\u80fd\uff0c\u66f4\u50cf\u4e00\u4e2a\u5b8c\u6574\u7684\u4ee3\u7801\u7f16\u8f91\u5668<\/section>\n<\/li>\n<li>\n<section>\u6bd4\u8d77 Sublime\uff0c\u989c\u503c\u66f4\u9ad8\uff0c\u88c5\u63d2\u4ef6\u66f4\u65b9\u4fbf<\/section>\n<\/li>\n<li>\n<section>\u6bd4\u8d77 Atom\uff0c\u542f\u52a8\u66f4\u5feb\uff0c\u6253\u5f00\u5927\u6587\u4ef6\u4e0d\u5361<\/section>\n<\/li>\n<li>\n<section>\u9ad8\u81ea\u7531\u5ea6\u3001\u9ad8\u6027\u80fd\u3001\u9ad8\u989c\u503c\uff0c\u514d\u8d39\u4e14\u6709\u56e2\u961f\u6301\u7eed\u66f4\u65b0\uff0c\u662f\u7f16\u8f91\u5668\u9996\u9009<\/section>\n<\/li>\n<\/ul>\n<h2 style=\"padding: 1px 12.5px; color: #ffffff; margin: 1.2em 0px 1em; border-radius: 4px; display: inline-block; background-color: #4870ac; font-size: 1.3em;\">\u4e8c\u3001\u524d\u7aef\u5e38\u7528\u63d2\u4ef6\uff08\u5fc5\u5907 > \u63a8\u8350 > \u4e86\u89e3\uff09<\/h2>\n<h3 style=\"padding: 0px; color: #4870ac; margin: 1.2em 0px 1em; font-size: 1.3em;\">\u5fc5\u5907<\/h3>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section><strong style=\"color: #4870ac;\">Auto Close Tag<\/strong>\uff1a\u81ea\u52a8\u95ed\u5408 HTML\/XML \u6807\u7b7e<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">Auto Rename Tag<\/strong>\uff1a\u81ea\u52a8\u5b8c\u6210\u53e6\u4e00\u4fa7\u6807\u7b7e\u7684\u540c\u6b65\u4fee\u6539<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">Beautify<\/strong>\uff1a\u683c\u5f0f\u5316 html\u3001js\u3001css\u3002\u53e6\u4e00\u6b3e\u662f Prettier\uff0c\u683c\u5f0f\u5316 JavaScript \/ TypeScript \/ CSS<\/section>\n<\/li>\n<\/ul>\n<pre style=\"overflow: auto hidden; word-break: normal; white-space: pre; tab-size: 2; border-radius: 5px; line-height: 2; margin: 1em 0.5em; padding: 0.5em; box-shadow: rgba(0, 0, 0, 0.55) 0px 1px 5px; font-size: 12px; background: #002b36; max-width: 100%; overflow-wrap: normal;\"><code class=\"hljs\" style=\"word-break: normal; white-space: nowrap; tab-size: 2; font-size: 12px; font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Roboto Mono', 'Courier New', 'Microsoft YaHei', monospace; display: block; overflow-x: auto; margin: 0.5em; padding: 3px 5px; color: #93a1a1; background: #002b36; overflow-wrap: normal;\">\u53e6\u4e00\u6b3e  Prettier\n\n\n\n \u683c\u5f0f\u5316JavaScript \/ TypeScript \/ CSS <\/code><\/pre>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section><strong style=\"color: #4870ac;\">Bracket Pair Colorizer<\/strong>\uff1a\u7ed9\u62ec\u53f7\u52a0\u4e0a\u4e0d\u540c\u989c\u8272\uff0c\u4fbf\u4e8e\u533a\u5206\u533a\u5757\uff0c\u53ef\u81ea\u5b9a\u4e49\u62ec\u53f7\u7c7b\u578b\u548c\u989c\u8272<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">HTML CSS Support<\/strong>\uff1a\u667a\u80fd\u63d0\u793a CSS \u7c7b\u540d\u4ee5\u53ca id<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">HTML Snippets<\/strong>\uff1a\u667a\u80fd\u63d0\u793a HTML \u6807\u7b7e\u53ca\u542b\u4e49<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">JavaScript(ES6) code snippets<\/strong>\uff1aES6 \u667a\u80fd\u63d0\u793a\u548c\u5feb\u901f\u8f93\u5165\uff0c\u652f\u6301 .js\u3001.ts\u3001.jsx\u3001.tsx\u3001.html\u3001.vue<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">Path Intellisense<\/strong>\uff1a\u81ea\u52a8\u63d0\u793a\u6587\u4ef6\u8def\u5f84\uff0c\u65b9\u4fbf\u5feb\u901f\u5f15\u5165\u6587\u4ef6<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">open in browser<\/strong>\uff1a\u7528\u5feb\u6377\u952e\u6216\u53f3\u952e\u5728\u6d4f\u89c8\u5668\u6253\u5f00 html\uff0c\u53ef\u6307\u5b9a Firefox\u3001Chrome\u3001Opera\u3001IE\u3001Safari<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">live server<\/strong>\uff1a\u542f\u52a8\u672c\u5730 web \u670d\u52a1\u5668<\/section>\n<\/li>\n<\/ul>\n<h3 style=\"padding: 0px; color: #4870ac; margin: 1.2em 0px 1em; font-size: 1.3em;\">\u63a8\u8350<\/h3>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section><strong style=\"color: #4870ac;\">Debugger for Chrome<\/strong>\uff1a\u628a VS Code \u4e0a\u7684\u65ad\u70b9\u6620\u5c04\u5230 Chrome\uff0c\u65b9\u4fbf\u8c03\u8bd5<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">ESLint<\/strong>\uff1ajs \u8bed\u6cd5\u7ea0\u9519\uff0c\u53ef\u81ea\u5b9a\u4e49\uff1b\u914d\u7f6e\u8f83\u590d\u6742\uff0c\u5efa\u8bae\u7528\u7f51\u4e0a\u5e7f\u6cdb\u4f7f\u7528\u7684\u914d\u7f6e<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">GitLens<\/strong>\uff1a\u67e5\u770b git \u65e5\u5fd7\uff0cgit \u91cd\u5ea6\u4f7f\u7528\u8005\u5fc5\u5907<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">jQuery Code Snippets<\/strong>\uff1ajQuery \u4ee3\u7801\u667a\u80fd\u63d0\u793a<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">Markdown Preview Enhanced<\/strong>\uff1a\u5b9e\u65f6\u9884\u89c8 markdown<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">markdownlint<\/strong>\uff1amarkdown \u8bed\u6cd5\u7ea0\u9519<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">Material Icon Theme<\/strong>\uff1a\u56fe\u6807\u4e3b\u9898\uff0c\u53ef\u6362\u8272\u7cfb\uff1b\u66f4\u65b0\u6781\u9891\u7e41\uff0c\u57fa\u672c\u548c VS Code \u540c\u6b65\u3002\u53e6\u4e00\u5957\u76ee\u5f55\u6811\u56fe\u6807\u4e3b\u9898\u662f vscode-icons<\/section>\n<\/li>\n<\/ul>\n<pre style=\"overflow: auto hidden; word-break: normal; white-space: pre; tab-size: 2; border-radius: 5px; line-height: 2; margin: 1em 0.5em; padding: 0.5em; box-shadow: rgba(0, 0, 0, 0.55) 0px 1px 5px; font-size: 12px; background: #002b36; max-width: 100%; overflow-wrap: normal;\"><code class=\"hljs\" style=\"word-break: normal; white-space: nowrap; tab-size: 2; font-size: 12px; font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Roboto Mono', 'Courier New', 'Microsoft YaHei', monospace; display: block; overflow-x: auto; margin: 0.5em; padding: 3px 5px; color: #93a1a1; background: #002b36; overflow-wrap: normal;\">\u53e6\u4e00\u5957 \u76ee\u5f55\u6811\u56fe\u6807\u4e3b\u9898 vscode-icons <\/code><\/pre>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section><strong style=\"color: #4870ac;\">React\/Redux\/react-router Snippets<\/strong>\uff1aReact\/Redux\/react-router \u8bed\u6cd5\u667a\u80fd\u63d0\u793a\uff08React \u5fc5\u5907\uff09\u3002\u8865\u5145\uff1aReact-Native\/React\/Redux snippets for es6\/es7\uff08\u4e0b\u8f7d\u4eba\u6570\u5f88\u591a\uff09\uff1breact-beautify\uff08\u683c\u5f0f\u5316 javascript\u3001JSX\u3001typescript\u3001TSX\uff09<\/section>\n<\/li>\n<\/ul>\n<pre style=\"overflow: auto hidden; word-break: normal; white-space: pre; tab-size: 2; border-radius: 5px; line-height: 2; margin: 1em 0.5em; padding: 0.5em; box-shadow: rgba(0, 0, 0, 0.55) 0px 1px 5px; font-size: 12px; background: #002b36; max-width: 100%; overflow-wrap: normal;\"><code class=\"hljs\" style=\"word-break: normal; white-space: nowrap; tab-size: 2; font-size: 12px; font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Roboto Mono', 'Courier New', 'Microsoft YaHei', monospace; display: block; overflow-x: auto; margin: 0.5em; padding: 3px 5px; color: #93a1a1; background: #002b36; overflow-wrap: normal;\">\u8865\u5145\u4e24\u4e2a\n\n\n\n1. React-Native\/React\/Redux snippets for es6\/es7\n\n\n\nreact\u4ee3\u7801\u7247\u6bb5\uff0c\u4e0b\u8f7d\u4eba\u6570\u8d85\u591a\n\n\n\n2. react-beautify\n\n\n\n\u683c\u5f0f\u5316 javascript, JSX, typescript, TSX \u6587\u4ef6<\/code><\/pre>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section><strong style=\"color: #4870ac;\">Vetur<\/strong>\uff1aVue \u591a\u529f\u80fd\u96c6\u6210\uff08\u8bed\u6cd5\u9ad8\u4eae\u3001\u667a\u80fd\u63d0\u793a\u3001emmet\u3001\u9519\u8bef\u63d0\u793a\u3001\u683c\u5f0f\u5316\u3001\u81ea\u52a8\u8865\u5168\u3001debugger\uff09\uff0c\u5b98\u65b9\u94a6\u5b9a\u7684 Vue \u63d2\u4ef6\u3002\u8865\u5145\uff1aVueHelper\uff08vue \u4ee3\u7801\u7247\u6bb5\uff09\uff1bVue TypeScript Snippets\uff1bVue 2 Snippets<\/section>\n<\/li>\n<\/ul>\n<pre style=\"overflow: auto hidden; word-break: normal; white-space: pre; tab-size: 2; border-radius: 5px; line-height: 2; margin: 1em 0.5em; padding: 0.5em; box-shadow: rgba(0, 0, 0, 0.55) 0px 1px 5px; font-size: 12px; background: #002b36; max-width: 100%; overflow-wrap: normal;\"><code class=\"hljs\" style=\"word-break: normal; white-space: nowrap; tab-size: 2; font-size: 12px; font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Roboto Mono', 'Courier New', 'Microsoft YaHei', monospace; display: block; overflow-x: auto; margin: 0.5em; padding: 3px 5px; color: #93a1a1; background: #002b36; overflow-wrap: normal;\">\u8865\u5145 \u4e24\u4e2a: \n\n\n\n1) VueHelper\n\n\n\nvue\u4ee3\u7801\u7247\u6bb5\n\n2) Vue TypeScript Snippets\n\n\n\nvue\u7684 typescript \u4ee3\u7801\u7247\u6bb5\n\n3) Vue 2 Snippets\n\n\n\nvue 2\u4ee3\u7801\u7247\u6bb5<\/code><\/pre>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section><strong style=\"color: #4870ac;\">Dracula Official<\/strong>\uff1a\u5f88\u597d\u770b\u7684\u4e00\u6b3e\u4e3b\u9898\u98ce\u683c<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">Class autocomplete for HTML<\/strong>\uff1a\u667a\u80fd\u63d0\u793a HTML class \u5c5e\u6027<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">IntelliSense for CSS class names<\/strong>\uff1a\u667a\u80fd\u63d0\u793a css \u7684 class \u540d<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">Npm Intellisense<\/strong>\uff1arequire \u65f6\u7684\u5305\u63d0\u793a\uff08node \u5fc5\u5907\uff09<\/section>\n<\/li>\n<\/ul>\n<h3 style=\"padding: 0px; color: #4870ac; margin: 1.2em 0px 1em; font-size: 1.3em;\">\u4e86\u89e3<\/h3>\n<ul style=\"padding-left: 1rem; margin-left: 1rem; font-size: 0.9rem; list-style-type: disc;\">\n<li>\n<section><strong style=\"color: #4870ac;\">filesize<\/strong>\uff1a\u67e5\u770b\u6587\u4ef6\u5927\u5c0f<\/section>\n<\/li>\n<li>\n<section><strong style=\"color: #4870ac;\">HTMLHint<\/strong>\uff1a\u9759\u6001\u68c0\u67e5\u89c4\u5219<\/section>\n<\/li>\n<\/ul>\n<p style=\"margin: 1em 0px;\">\u6587\u672b\u518d\u6b21\u5217\u51fa open in browser\uff08\u6253\u5f00\u672c\u5730\u6d4f\u89c8\u5668\uff09\u3002\u5982\u679c\u8fd8\u6709\u597d\u7684\u63d2\u4ef6\u4f1a\u968f\u65f6\u8865\u5145\u3002<\/p>\n<h2 style=\"padding: 1px 12.5px; color: #ffffff; margin: 1.2em 0px 1em; border-radius: 4px; display: inline-block; background-color: #4870ac; font-size: 1.3em;\">\u4e09\u3001\u5e38\u7528 settings.json \u914d\u7f6e<\/h2>\n<p style=\"margin: 1em 0px;\">\u4e0b\u9762\u662f\u4e00\u4efd\u5e38\u7528\u7684 JSON \u914d\u7f6e\uff0c\u8986\u76d6\u4e3b\u9898\u3001\u683c\u5f0f\u5316\u3001\u641c\u7d22\u6392\u9664\u3001emmet\u3001ESLint\u3001Prettier\u3001GitLens\u3001launch \u8c03\u8bd5\u548c Git \u8def\u5f84\u7b49\u3002<\/p>\n<pre style=\"overflow: auto hidden; word-break: normal; white-space: pre; tab-size: 2; border-radius: 5px; line-height: 2; margin: 1em 0.5em; padding: 0.5em; box-shadow: rgba(0, 0, 0, 0.55) 0px 1px 5px; font-size: 12px; background: #002b36; max-width: 100%; overflow-wrap: normal;\"><code class=\"hljs\" style=\"word-break: normal; white-space: nowrap; tab-size: 2; font-size: 12px; font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Roboto Mono', 'Courier New', 'Microsoft YaHei', monospace; display: block; overflow-x: auto; margin: 0.5em; padding: 3px 5px; color: #93a1a1; background: #002b36; overflow-wrap: normal;\">{ \/\/ VScode\u4e3b\u9898\u914d\u7f6e\n\n    \"editor.tabSize\": 2,\n\n    \"editor.lineHeight\": 24,\n\n    \"editor.renderLineHighlight\": \"none\",\n\n    \"editor.renderWhitespace\": \"none\",\n\n    \"editor.fontFamily\": \"Consolas\",\n\n    \"editor.fontSize\": 15,\n\n    \"editor.cursorBlinking\": \"smooth\",\n\n    \"editor.multiCursorModifier\": \"ctrlCmd\",\n\n    \"editor.formatOnSave\": false,\n\n    \"editor.snippetSuggestions\": \"top\",\n\n    \"editor.wordWrapColumn\": 200,\n\n    \"editor.wordWrap\": \"off\",\n\n    \"editor.quickSuggestions\": {\n\n        \"other\": true,\n\n        \"comments\": true,\n\n        \"strings\": false\n\n    },\n\n    \/\/ \u4fdd\u5b58\u65f6\u81ea\u52a8\u683c\u5f0f\u5316\n\n    \"editor.formatOnPaste\": false,\n\n    \"files.trimTrailingWhitespace\": true,\n\n    \"terminal.integrated.shell.windows\": \"C:\\\\windows\\\\System32\\\\WindowsPowerShell\\\\v1.0\\\\powershell.exe\",\n\n    \"typescript.suggest.autoImports\": true,\n\n    \"javascript.updateImportsOnFileMove.enabled\": \"always\",\n\n    \"javascript.suggest.autoImports\": true,\n\n    \"workbench.iconTheme\": \"eq-material-theme-icons\",\n\n    \"workbench.startupEditor\": \"newUntitledFile\",\n\n    \"workbench.colorTheme\": \"Material Theme High Contrast\",\n\n    \"workbench.colorCustomizations\": {\n\n        \/\/ \u8bbe\u7f6eguide\u7ebf\u9ad8\u4eae\u989c\u8272\n\n        \"editorIndentGuide.activeBackground\": \"#ff0000\"\n\n    },\n\n    \/\/ \u542f\u7528\/\u7981\u7528\u5bfc\u822a\u8def\u5f84\n\n    \"breadcrumbs.enabled\": true,\n\n    \/\/ git\u662f\u5426\u542f\u7528\u81ea\u52a8\u62c9\u53d6\n\n    \"git.autofetch\": true,\n\n    \"minapp-vscode.disableAutoConfig\": true,\n\n    \"view-in-browser.customBrowser\": \"chrome\",\n\n    \/\/ VScode \u6587\u4ef6\u641c\u7d22\u533a\u57df\u914d\u7f6e\n\n    \"search.exclude\": {\n\n        \"**\/dist\": true,\n\n        \"**\/build\": true,\n\n        \"**\/elehukouben\": true,\n\n        \"**\/.git\": true,\n\n        \"**\/.gitignore\": true,\n\n        \"**\/.svn\": true,\n\n        \"**\/.DS_Store\": true,\n\n        \"**\/.idea\": true,\n\n        \"**\/.vscode\": false,\n\n        \"**\/yarn.lock\": true,\n\n        \"**\/tmp\": true\n\n    },\n\n    \/\/ \u914d\u7f6e\u6587\u4ef6\u5173\u8054\n\n    \"files.associations\": {\n\n        \"*.vue\": \"html\",\n\n        \"*.wxss\": \"css\",\n\n        \"*.cjson\": \"jsonc\",\n\n        \"*.wxs\": \"javascript\"\n\n    },\n\n    \/\/ \u914d\u7f6eemmet\u662f\u5426\u542f\u7528tab\u5c55\u5f00\u7f29\u5199\n\n    \"emmet.triggerExpansionOnTab\": true,\n\n    \/\/ \u914d\u7f6eemmet\u5bf9\u6587\u4ef6\u7c7b\u578b\u7684\u652f\u6301\n\n    \"emmet.syntaxProfiles\": {\n\n        \"vue-html\": \"html\",\n\n        \"vue\": \"html\",\n\n        \"javascript\": \"javascriptreact\",\n\n        \"xml\": {\n\n            \"attr_quotes\": \"single\"\n\n        }\n\n    },\n\n    \/\/ \u5728react\u7684jsx\u4e2d\u6dfb\u52a0\u5bf9emmet\u7684\u652f\u6301\n\n    \"emmet.includeLanguages\": {\n\n        \"jsx-sublime-babel-tags\": \"javascriptreact\",\n\n        \"wxml\": \"html\"\n\n    },\n\n    \"vetur.format.defaultFormatter.html\": \"js-beautify-html\",\n\n    \"vetur.format.defaultFormatterOptions\": {\n\n        \"wrap_attributes\": \"force-aligned\"\n\n    },\n\n    \/\/ \u662f\u5426\u5f00\u542feslint\u68c0\u6d4b\n\n    \"eslint.enable\": false,\n\n    \/\/ \u6587\u4ef6\u4fdd\u5b58\u65f6\uff0c\u662f\u5426\u81ea\u52a8\u6839\u636eeslint\u8fdb\u884c\u683c\u5f0f\u5316\n\n    \"eslint.autoFixOnSave\": false,\n\n    \/\/ eslint\u914d\u7f6e\u6587\u4ef6\n\n    \"eslint.options\": {\n\n        \"configFile\": \"E:\/aaaworkspace\/ex\/experience\/.eslintrc.js\",\n\n        \"plugins\": [\n\n            \"html\",\n\n            \"vue\"\n\n        ]\n\n    },\n\n    \"eslint.validate\": [\n\n        \"javascript\",\n\n        \"javascriptreact\",\n\n        {\n\n            \"language\": \"vue\",\n\n            \"autoFix\": true\n\n        },\n\n        \"html\",\n\n        \"typescript\",\n\n        \"typescriptreact\"\n\n    ],\n\n    \/\/ \u683c\u5f0f\u5316\u5feb\u6377\u952e shirt+alt+F\n\n    \/\/ prettier\u8fdb\u884c\u683c\u5f0f\u5316\u65f6\u662f\u5426\u5b89\u88c5eslint\u914d\u7f6e\u53bb\u6267\u884c\uff0c\u5efa\u8baefalse\n\n    \"prettier.eslintIntegration\": false,\n\n    \/\/ \u5982\u679c\u4e3atrue\uff0c\u5c06\u4f7f\u7528\u5355\u5f15\u53f7\u800c\u4e0d\u662f\u53cc\u5f15\u53f7\n\n    \"prettier.singleQuote\": true,\n\n    \/\/ \u4ee3\u7801\u6362\u884c,\u6bcf\u4e00\u884c\u6700\u5927\u5360\u6709\u5b57\u7b26\u6570\n\n    \"prettier.printWidth\": 200,\n\n    \/\/ \u914d\u7f6egitlen\u4e2dgit\u63d0\u4ea4\u5386\u53f2\u8bb0\u5f55\u7684\u4fe1\u606f\u663e\u793a\u60c5\u51b5\n\n    \"gitlens.advanced.messages\": {\n\n        \"suppressCommitHasNoPreviousCommitWarning\": false,\n\n        \"suppressCommitNotFoundWarning\": false,\n\n        \"suppressFileNotUnderSourceControlWarning\": false,\n\n        \"suppressGitVersionWarning\": false,\n\n        \"suppressLineUncommittedWarning\": false,\n\n        \"suppressNoRepositoryWarning\": false,\n\n        \"suppressResultsExplorerNotice\": false,\n\n        \"suppressShowKeyBindingsNotice\": true,\n\n        \"suppressUpdateNotice\": true,\n\n        \"suppressWelcomeNotice\": false\n\n    },\n\n    \/\/ \u8c03\u8bd5\uff0c\u672c\u5730\u670d\u52a1\u5668\u914d\u7f6e\n\n    \"launch\": {\n\n        \"configurations\": [{\n\n                \"type\": \"node\",\n\n                \"request\": \"launch\",\n\n                \"name\": \"Node.js\",\n\n                \"program\": \"${file}\"\n\n            },\n\n            {\n\n                \"type\": \"chrome\",\n\n                \"request\": \"launch\",\n\n                \"name\": \"vuejs: chrome\",\n\n                \"url\": \"http:\/\/localhost:8080\",\n\n                \"webRoot\": \"${workspaceFolder}\/src\",\n\n                \"breakOnLoad\": true,\n\n                \"sourceMapPathOverrides\": {\n\n                    \"webpack:\/\/\/src\/*\": \"${webRoot}\/*\"\n\n                }\n\n            }\n\n        ],\n\n        \"compounds\": []\n\n    },\n\n    \/\/ \u662f\u5426\u683c\u5f0f\u5316python\u6587\u4ef6\n\n    \"python.linting.enabled\": false,\n\n    \/\/ \u8bbe\u7f6e\u7aef\u53e3\u3002\u5f00\u542fapicloud\u5728vscode\u4e2d\u7684wifi\u771f\u673a\u540c\u6b65\n\n    \"apicloud.port\": \"23450\",\n\n    \/\/ \u8bbe\u7f6eapicloud\u5728vscode\u4e2d\u7684wifi\u771f\u673a\u540c\u6b65\u6839\u76ee\u5f55\uff0c\u9ed8\u8ba4\u53ef\u4e0d\u8bbe\u7f6e\n\n    \"apicloud.subdirectories\": \"\/apicloudproject\",\n\n\n\n\/\/ git \u90e8\u5206\u914d\u7f6e\n\n\"gitlens.advanced.messages\": {\n\n    \"suppressShowKeyBindingsNotice\": true\n\n},\n\n\"git.path\": \"C:\/Program Files\/Git\/cmd\/git.exe\",\n\n\"git.autofetch\": true,\n\n\"git.confirmSync\": false,\n\n\n\n\"open-in-browser.default\": \"Google Chrome\",\n\n\"files.autoSave\": \"afterDelay\",\n\n\n\n\"emmet.includeLanguages\": {\n\n    \"javascript\": \"javascriptreact\"\n\n},\n\n\n\n\"workbench.startupEditor\": \"welcomePage\",\n\n\n\n}<\/code><\/pre>\n<p style=\"margin: 1em 0px;\">\u8fd9\u91cc\u6709\u4e00\u4efd\u66f4\u8be6\u7ec6\u7684\u6e05\u5355\uff0c\u6b22\u8fce\u53c2\u8003\u3002\u539f\u6587\u94fe\u63a5\uff1a<a class=\"url\" href=\"https:\/\/blog.csdn.net\/jiandan1127\/java\/article\/details\/85957003\" target=\"_blank\">https:\/\/blog.csdn.net\/jiandan1127\/java\/article\/details\/85957003<\/a><\/p>\n<blockquote style=\"display: block; font-size: 0.9em; border-left: 3px solid #4870ac; padding: 0.5em 1em; margin: 0px; background: #f6f8fa; color: #40464f;\">\n<p style=\"margin: 1em 0px;\"><strong style=\"color: #4870ac;\">\u4e00\u53e5\u8bdd\u603b\u7ed3\uff1aVS Code \u9760\u63d2\u4ef6\u8865\u9f50\u524d\u7aef\u5de5\u4f5c\u6d41\uff1a\u5148\u88c5\u6807\u7b7e\u3001\u8def\u5f84\u3001\u683c\u5f0f\u5316\u548c\u672c\u5730\u9884\u89c8\uff0c\u518d\u6309 Vue \/ React \/ Git \u9700\u8981\u52a0 Vetur\u3001React Snippets\u3001GitLens\u3002<\/strong><\/p>\n<\/blockquote>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>VS Code \u662f\u5fae\u8f6f\u505a\u7684\u4ee3\u7801\u7f16\u8f91\u5668\uff0c\u5b98\u7f51\u7684\u8bf4\u6cd5\u662f\u5b83\u91cd\u65b0\u5b9a\u4e49\u4e86\u7f16\u8f91\u5668\u3002\u8f7b\u91cf\u7f16\u8f91\u5668\u5e38\u89c1\u7684\u8fd8\u6709 Sublime\u3001N [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[105],"tags":[122],"_links":{"self":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/2564"}],"collection":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2564"}],"version-history":[{"count":3,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/2564\/revisions"}],"predecessor-version":[{"id":3272,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/2564\/revisions\/3272"}],"wp:attachment":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2564"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2564"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}