2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Si vous n'avez pas encore installé Node.js et npm, vous pouvez l'installer depuisSite officiel de Node.jsTéléchargez et installez la dernière version de Node.js, npm sera installé avec Node.js.
Ouvrez une invite de commande ou PowerShell et exécutez la commande suivante pour installer Yarn globalement :
npm install -g yarn
Une fois l'installation terminée, exécutez la commande suivante pour vérifier si Yarn est installé avec succès :
yarn --version
Accédez au répertoire de votre projet dans une invite de commande ou PowerShell et exécutez la commande suivante pour initialiser un nouveau projet Yarn :
yarn init
Remplissez les informations pertinentes du projet selon les invites. Une fois terminé, un.package.json
document.
Par exemple, ajoutezreact
etreact-dom
compter sur:
yarn add react react-dom
s'il y en a déjà unpackage.json
, exécutez la commande suivante pour installer toutes les dépendances :
yarn install
Accédez au répertoire de votre projet dans l'invite de commande ou PowerShell et exécutez la commande suivante pour ouvrir VSCode :
code .
Vous pouvez exécuter des commandes Yarn dans le terminal intégré de VSCode. Par exemple, pour installer de nouvelles dépendances :
yarn add <package-name>
Vous pouvez configurer des tâches dans VSCode pour exécuter des commandes Yarn.Créer ou modifier le.vscode/tasks.json
fichier, ajoutez la configuration suivante :
{
"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": "请输入要添加的依赖包名"
}
]
}
Dans ce fichier de configuration, vous pouvez le faire en appuyant surCtrl+Shift+B
Touches de raccourci pour exécuter les tâches configurées.
Créer ou modifier le.vscode/launch.json
fichier, ajoutez la configuration suivante :
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Program",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/app.js",
"preLaunchTask": "Yarn Install",
"outFiles": [
"${workspaceFolder}/dist/**/*.js"
]
}
]
}
Cela s'exécutera automatiquement avant de commencer le débogageYarn Install
Tâche.
tu peuxpackage.json
Définissez le script dans le fichier et exécutez-le dans le terminal intégré de VSCode. Par exemple:
{
"scripts": {
"start": "node app.js",
"build": "webpack --config webpack.config.js"
}
}
Exécutez le script :
yarn start
yarn build