le mie informazioni di contatto
Posta[email protected]
2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Se non hai ancora installato Node.js e npm, puoi installarlo daSito ufficiale di Node.jsScarica e installa l'ultima versione di Node.js, npm verrà installato insieme a Node.js.
Apri un prompt dei comandi o PowerShell ed esegui il comando seguente per installare Yarn a livello globale:
npm install -g yarn
Al termine dell'installazione, esegui il comando seguente per verificare se Yarn è stato installato correttamente:
yarn --version
Passa alla directory del progetto in un prompt dei comandi o in PowerShell ed esegui il comando seguente per inizializzare un nuovo progetto Yarn:
yarn init
Compilare le informazioni rilevanti del progetto secondo le istruzioni Dopo il completamento, apackage.json
documento.
Ad esempio, aggiungireact
Ereact-dom
fare affidamento:
yarn add react react-dom
se ce n'è già unopackage.json
file, esegui il comando seguente per installare tutte le dipendenze:
yarn install
Passare alla directory del progetto nel prompt dei comandi o in PowerShell ed eseguire il comando seguente per aprire VSCode:
code .
Puoi eseguire i comandi Yarn nel terminale integrato di VSCode. Ad esempio, per installare nuove dipendenze:
yarn add <package-name>
È possibile configurare le attività in VSCode per eseguire i comandi Yarn.Crea o modifica il.vscode/tasks.json
file, aggiungere la seguente configurazione:
{
"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 questo file di configurazione, puoi farlo premendoCtrl+Shift+B
Tasti di scelta rapida per eseguire attività configurate.
Crea o modifica il.vscode/launch.json
file, aggiungere la seguente configurazione:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Program",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/app.js",
"preLaunchTask": "Yarn Install",
"outFiles": [
"${workspaceFolder}/dist/**/*.js"
]
}
]
}
Questo verrà eseguito automaticamente prima di iniziare il debugYarn Install
Compito.
puoipackage.json
Definire lo script nel file ed eseguirlo nel terminale integrato di VSCode. Per esempio:
{
"scripts": {
"start": "node app.js",
"build": "webpack --config webpack.config.js"
}
}
Esegui lo script:
yarn start
yarn build