2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Wenn Sie Node.js und npm noch nicht installiert haben, können Sie es von installierenOffizielle Website von Node.jsLaden Sie die neueste Version von Node.js herunter und installieren Sie sie. npm wird zusammen mit Node.js installiert.
Öffnen Sie eine Eingabeaufforderung oder PowerShell und führen Sie den folgenden Befehl aus, um Yarn global zu installieren:
npm install -g yarn
Führen Sie nach Abschluss der Installation den folgenden Befehl aus, um zu überprüfen, ob Yarn erfolgreich installiert wurde:
yarn --version
Navigieren Sie in einer Eingabeaufforderung oder PowerShell zu Ihrem Projektverzeichnis und führen Sie den folgenden Befehl aus, um ein neues Yarn-Projekt zu initialisieren:
yarn init
Geben Sie die relevanten Informationen des Projekts gemäß den Anweisungen ein. Nach Abschluss apackage.json
dokumentieren.
Fügen Sie zum Beispiel hinzureact
Undreact-dom
verlassen:
yarn add react react-dom
falls es schon eine gibtpackage.json
Führen Sie in der Datei den folgenden Befehl aus, um alle Abhängigkeiten zu installieren:
yarn install
Navigieren Sie in der Eingabeaufforderung oder PowerShell zu Ihrem Projektverzeichnis und führen Sie den folgenden Befehl aus, um VSCode zu öffnen:
code .
Sie können Yarn-Befehle im integrierten Terminal von VSCode ausführen. Um beispielsweise neue Abhängigkeiten zu installieren:
yarn add <package-name>
Sie können Aufgaben in VSCode konfigurieren, um Yarn-Befehle auszuführen.Erstellen oder bearbeiten Sie die.vscode/tasks.json
Fügen Sie in der Datei die folgende Konfiguration hinzu:
{
"version": "2.0.0",
"tasks": [
{
"label": "Yarn Install",
"type": "shell",
"command": "yarn install",
"group": "build",
"problemMatcher": [],
"detail": "安装项目所有依赖"
},
{
"label": "Yarn Add",
"type": "shell",
"command": "yarn add",
"args": [
"${input:packageName}"
],
"group": "build",
"problemMatcher": [],
"detail": "添加新的项目依赖"
}
],
"inputs": [
{
"id": "packageName",
"type": "promptString",
"description": "请输入要添加的依赖包名"
}
]
}
In dieser Konfigurationsdatei können Sie dies tun, indem Sie auf drückenCtrl+Shift+B
Tastenkombinationen zum Ausführen konfigurierter Aufgaben.
Erstellen oder bearbeiten Sie die.vscode/launch.json
Fügen Sie in der Datei die folgende Konfiguration hinzu:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Program",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/app.js",
"preLaunchTask": "Yarn Install",
"outFiles": [
"${workspaceFolder}/dist/**/*.js"
]
}
]
}
Dies wird automatisch ausgeführt, bevor mit dem Debuggen begonnen wirdYarn Install
Aufgabe.
du kannstpackage.json
Definieren Sie das Skript in der Datei und führen Sie es im integrierten Terminal von VSCode aus. Zum Beispiel:
{
"scripts": {
"start": "node app.js",
"build": "webpack --config webpack.config.js"
}
}
Führen Sie das Skript aus:
yarn start
yarn build