Mi informacion de contacto
Correo[email protected]
2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Si aún no ha instalado Node.js y npm, puede instalarlo desdeSitio web oficial de Node.jsDescargue e instale la última versión de Node.js; npm se instalará junto con Node.js.
Abra un símbolo del sistema o PowerShell y ejecute el siguiente comando para instalar Yarn globalmente:
npm install -g yarn
Una vez completada la instalación, ejecute el siguiente comando para verificar si Yarn se instaló correctamente:
yarn --version
Navegue hasta el directorio de su proyecto en un símbolo del sistema o PowerShell y ejecute el siguiente comando para inicializar un nuevo proyecto de Yarn:
yarn init
Complete la información relevante del proyecto de acuerdo con las indicaciones. Una vez finalizado, a.package.json
documento.
Por ejemplo, agreguereact
yreact-dom
confiar:
yarn add react react-dom
si ya hay unopackage.json
archivo, ejecute el siguiente comando para instalar todas las dependencias:
yarn install
Navegue al directorio de su proyecto en el símbolo del sistema o PowerShell y ejecute el siguiente comando para abrir VSCode:
code .
Puede ejecutar comandos de Yarn en la terminal integrada de VSCode. Por ejemplo, para instalar nuevas dependencias:
yarn add <package-name>
Puede configurar tareas en VSCode para ejecutar comandos de Yarn.Crear o editar el.vscode/tasks.json
archivo, agregue la siguiente configuración:
{
"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": "请输入要添加的依赖包名"
}
]
}
En este archivo de configuración, puede hacer esto presionandoCtrl+Shift+B
Teclas de acceso directo para ejecutar tareas configuradas.
Crear o editar el.vscode/launch.json
archivo, agregue la siguiente configuración:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Program",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/app.js",
"preLaunchTask": "Yarn Install",
"outFiles": [
"${workspaceFolder}/dist/**/*.js"
]
}
]
}
Esto se ejecutará automáticamente antes de comenzar la depuración.Yarn Install
Tarea.
puedepackage.json
Defina el script en el archivo y ejecútelo en la terminal integrada de VSCode. Por ejemplo:
{
"scripts": {
"start": "node app.js",
"build": "webpack --config webpack.config.js"
}
}
Ejecute el script:
yarn start
yarn build