Führen Sie Sie Schritt für Schritt durch, um die Warehouse-Konfiguration in vscode zu verstehen
青灯夜游
Freigeben： 2022-03-25 20:48:57
nach vorne
4310 Leute haben es durchsucht
Dieser Artikel führt Sie durch die Lagerkonfiguration in vscode, ich hoffe, er wird Ihnen hilfreich sein!
Willkommen in der Welt von vscode. Es gibt viele Entwicklungstools. Nur wenn Sie Ihre Bedürfnisse identifizieren, können Sie für VSCode nicht „einen Hammer in der Hand haben“. Positionierung Es liegt im Editor und nicht in der IDE. Die IDE konzentriert sich auf die sofort einsatzbereite Verwendung und ist daher riesig, z. B. Eclipse.侧 Der Editor konzentriert sich auf die umfassende Unterstützung und Freiheit der Sprache und des Workflows, sodass er noch leichter ist, was bedeutet, dass er für Benutzer nicht zu viel für eine bestimmte Sprache oder einen bestimmten Aspekt tut, aber es bedeutet auch, dass TA einige A hoher Freiheitsgrad, wie Plug-in-Mechanismus, Warehouse-Konfigurationsmechanismus usw. Dieser Artikel konzentriert sich auf die gemeinsame Nutzung der Warehouse-Konfiguration, und der Plug-in-Mechanismus ist ein separater Artikel.
Dann nichts wie los, los!
Konfigurationsübersicht
VS Code wird ordnerbasiert verwaltet, aber VS Code ermöglicht es Ihnen, mehrere Konfigurationen in Bezug auf den aktuellen Ordner oder das aktuelle Projekt zu erstellen und diese in diesem Ordner zu speichern, um sie bequem im Team zu teilen. Dieser Ordner ist .vscode.
Dieser Ordner kann die folgenden Dateitypen enthalten. .vscode。
Es wird nur wirksam, wenn der aktuelle Ordner in VS Code geöffnet wird. Es ist dasselbe wie das, was wir über das Ändern von Benutzereinstellungen gesagt haben.
Aufgabeneinstellungen (tasks.json)Über die Konfigurationsdatei des VS Code-Aufgabensystems
🎜Debugging-Einstellungen (launch.json)🎜
🎜Wird verwendet, um zu erklären, wie der Code im aktuellen Ordner debuggt wird🎜
vscode Warehouse-Konfigurationskonfigurationsdatei (Einstellungen)🎜🎜 Wie Als Editor ist es selbstverständlich, bei der Mehrpersonenentwicklung persönliche Präferenzeinstellungen und einheitliche Projektstilprobleme zu berücksichtigen, wie z. B. Schriftgröße, Zeilenumbrüche, automatische Formatierungs-Plug-in-Konfiguration usw. Die entsprechende Funktion in VSCode ist setting. json-Konfiguration🎜
🎜Konfigurationsmethode🎜🎜
🎜Grundlegende Informationen🎜
🎜**Benutzereinstellungen * *: Benutzereinstellungen, Standardkonfiguration, werden allen Projekten zugeordnet und haben eine geringere Gewichtung als Arbeitsbereichseinstellungen🎜🎜🎜Arbeitsbereichseinstellungen🎜: Arbeitsbereichseinstellungen sind für das Projekt konfiguriert. Sie können sie nicht selbst erstellen unter dem Projektstammpfad. Der Projektpfad lautet /.vscode/settings .json🎜
🎜Verwenden Sie Strg+ (Mac ist cmd+) oder klicken Sie auf das Zahnradsymbol in der unteren linken Ecke und wählen Sie Einstellungen. Suchen Sie dann settings.json🎜🎜🎜
🎜Zugang zu den Benutzereinstellungen: Verwenden Sie das Befehlsfeld🎜
🎜Verwenden Sie Strg+Umschalt+P (cmd+Umschalt+P für Mac) oder klicken Sie auf das Zahnradsymbol in der unteren linken Ecke und wählen Sie das Befehlsfeld aus. Geben Sie dann settings ein. 🎜
Open User Settings öffnet die Benutzeroberfläche für die UI-Einstellungen. 🎜
Open Settings (JSON) Öffnet die Datei „Einstellungen“ für die Benutzereinstellungen Ordner .vscode und erstellen Sie darin die Datei settings.json. 🎜🎜🎜
🎜Zugriff auf die Arbeitsbereichseinstellungen: Verwenden Sie das Befehlsfeld🎜
🎜Verwenden Sie Strg+Umschalt+P (Mac ist cmd+Umschalt+P) oder klicken Sie auf Klicken Sie unten links auf das Winkelzahnradsymbol und wählen Sie „Befehlspalette“. Geben Sie dann settings ein 🎜
Open Workspace Settings öffnet auch die Benutzeroberfläche für die UI-Einstellungen 🎜
Open Workspace Settings (JSON); Code > Die Datei „settings.json“ für die Arbeitsbereichseinstellungen wird geöffnet🎜🎜🎜🎜Konfigurationsinhalte🎜🎜🎜Für alle Konfigurationselemente können Sie hier klicken, um das entsprechende Dokument anzuzeigen. Hier finden Sie allgemeine Ideen zum Teilen von Einstellungen und zur Suche. 🎜<h5 data-id="heading-13"><strong>Allgemeine Einstellungen: Editor-Erscheinungsbild</strong></h5>
<ul>
<li>
<code>editor.lineNumbers: Ob Zeilennummern auf der linken Seite des Editors angezeigt werden sollen, die Standardanzeigeeinstellung ist OK
如果我们选择第一个，也就是npm: install这一项的话，VS Code 会立刻在 .vscodeeditor .renderWhitespace: alle : Alle Leerzeichen (Leerzeichen, Tabulatoren usw.) in Punktform rendern
editor.renderIndentGuides: Einzugshilfen, standardmäßig durch Codeblockverbindung festgelegt
editor.rulers: [120]: Vertikales Lineal, eine vertikale Linie wird an der angegebenen Spaltennummer gezeichnet
editor.minimap.enabled: false< /code >: Ob die kleine Karte rechts angezeigt werden soll, ich persönlich schalte sie gerne aus</li><table><code>editor.cursorBlinking/cursorStyle/cursorWidth: Cursorstileditor.renderLineHighlight: 'all'< /code>: Legt den aktuellen Zeilenhervorhebungshintergrund fest, die Zeilennummer wird ebenfalls hervorgehoben</li></ul><h5 data-id="heading-14"><tr class="firstRow">Allgemeine Einstellungen : Schreiberfahrung<th></th><th>Passen Sie die Leerzeichen und Tabulatorzeichen an</th><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks": [
{
"type": "npm",
"script": "install",
"problemMatcher": []
}
]
}</pre><div class="contentsignin">Nach dem Login kopieren</div></div></tr>Automatisches Speichern</thead><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks": [
{
"label": "echo",
"type": "shell",
"command": "echo Hello",
"group": "none",
"presentation": {
"reveal": "always",
"panel": "new"
},
"options": {
"cwd": "",
"env": {},
"shell": {
"executable": "bash"
}
}
}
]
}</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><tbody>Standardtyp neuer Dateien<tr><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">"group": {
"isDefault": true,
"kind": "test" // 这是 Run Test Task 的一键执行命令；如果设定 Run Build Task 则 kind 的值为 build
}</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><h5 data-id="heading-15"><td>Suchbezogene Konfigurationsideen</td><td></td>Nichts , Schlüsselwörter merken, Editor bezogen Wie folgt; für andere, emmm, siehe <a href="https://link.juejin.cn?target=https%3A%2F%2Fcode.visualstudio.com%2Fdocs%2Fgetstarted%2Fsettings% 23_settingsjson" target="_blank" rel="nofollow noopener noreferrer" title="https://code.visualstudio.com/docs/getstarted/settings#_settingsjson" ref="nofollow noopener noreferrer">Entsprechendes Dokument</a></tr> <tr><td>Editor-Cursor, ist die folgende Einstellung im Zusammenhang mit der Cursor-Wiedergabe und mehreren Cursorn; </li></td>Editor-Suche, ist eine Einstellung im Zusammenhang mit der Suche im Editor </li><td>Editor-Schriftart, ist eine Einstellung im Zusammenhang mit Schriftarten; </li></td>editor-Format, Es handelt sich um Codeformatierung; </li></tr>editor-Vorschlag ist eine Konfiguration im Zusammenhang mit der automatischen Vervollständigung, dem Vorschlagsfenster usw. </li></ul><tr>Dann suchen Sie im Einstellungs-UI-Panel<td></td><img src="https://img.php.cn/upload/image/303/213/539/164821200624953Führen Sie Sie Schritt für Schritt durch, um die Warehouse-Konfiguration in vscode zu verstehen" title =" 164821200624953Führen Sie Sie Schritt für Schritt durch, um die Warehouse-Konfiguration in vscode zu verstehen" alt="Führen Sie Sie Schritt für Schritt durch, um die Warehouse-Konfiguration in vscode zu verstehen"/><td><h2 data-id="heading-16"></td>vscode Warehouse-Konfigurationsaufgaben</tr></h2></tbody>Der Zweck des Aufgabensystems besteht darin, verschiedene Aufgabenskripte zu kombinieren sind so weit wie möglich vereinheitlicht und bieten dann eine einfache, aber sehr individuelle Möglichkeit, sie zu bedienen</table><h3 data-id="heading-17">🎜Aufgaben konfigurieren🎜</h3>🎜Es gibt zwei Quellen für Aufgaben. Typ: Automatisch Erkennung von Projekten und benutzerdefinierten Aufgaben🎜<h5 data-id="heading-18">🎜Automatische Erkennung von Projekten🎜🎜🎜VSCode liest automatisch die Konfigurationsdatei unter dem Projekt und generiert sie über den Konfigurationsdateityp <code>task< /code>; 🎜🎜 Angenommen, es gibt <code>package.json unter dem Projekt und der Inhalt ist 🎜
🎜Wenn Sie es ausführen, werden Sie feststellen, dass es standardmäßig zwei Aufgaben im Zusammenhang mit npm gibt: 🎜🎜🎜npm-Installation🎜npm-Test🎜🎜
🎜Benutzerdefinierte Aufgabe🎜🎜🎜Zuerst suchen wir im Befehlsfeld nach „Aufgabe konfigurieren“ und implementieren. 🎜🎜🎜🎜uns Sie sehen ein Dropdown-Feld, das verschiedene Optionen bietet. 🎜🎜🎜🎜dies Es gibt zwei Optionen zum Anpassen von Aufgaben🎜
🎜Generieren Sie task.json entsprechend dem Befehl🎜
🎜Wenn wir die erste Option wählen, auch Für npm: install erstellt VS Code sofort eine task.json-Datei im Ordner .vscode, die sehr gut lesbar und einfach zu ändern ist . 🎜
🎜Der Wert des Aufgabenattributs ist ein Array. Dies sind alle Aufgaben, die wir im aktuellen Ordner verwenden können. Als nächstes erklären wir die Informationen des Aufgabenobjekts im Detail. 🎜🎜🎜🎜🎜Attribut🎜🎜Bedeutung🎜🎜🎜🎜🎜🎜Typ🎜🎜 stellt dar, welches Skripttool Sie verwenden möchten🎜🎜🎜🎜Skript🎜🎜Welcher Skriptbefehl vom Skripttool ausgeführt wird🎜🎜🎜 🎜problemMatcher🎜🎜set automatisch Die Regeln zur Analyse der Ergebnisse der Aufgabenausführung werden im Folgenden ausführlich erläutert🎜🎜🎜🎜
但是这种类型的任务，受限于 VS Code 或者插件所支持的脚本工具，缺乏一定的灵活性。
使用模板创建 tasks.json 文件
紧接着 VS Code 就问我们了，希望使用哪种模板。这里模板的多少，同样取决于你装了哪些插件。默认情况下，VS Code 为 MSBuild、Maven、.NET Core 提供了模板，而最后一个 Others，则是一个通用的模板，我们一起来看下它。
Das obige ist der detaillierte Inhalt vonFühren Sie Sie Schritt für Schritt durch, um die Warehouse-Konfiguration in vscode zu verstehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
