minhas informações de contato
Correspondência[email protected]
2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Se você ainda não instalou o Node.js e o npm, poderá instalá-lo emSite oficial do Node.js.Baixe e instale a versão mais recente do Node.js, o npm será instalado junto com o Node.js.
Abra um prompt de comando ou PowerShell e execute o seguinte comando para instalar o Yarn globalmente:
npm install -g yarn
Após a conclusão da instalação, execute o seguinte comando para verificar se o Yarn foi instalado com sucesso:
yarn --version
Navegue até o diretório do seu projeto em um prompt de comando ou PowerShell e execute o seguinte comando para inicializar um novo projeto Yarn:
yarn init
Preencha as informações relevantes do projeto de acordo com as instruções. Após a conclusão, um.package.json
documento.
Por exemplo, adicionereact
ereact-dom
confiar:
yarn add react react-dom
se já existe umpackage.json
arquivo, execute o seguinte comando para instalar todas as dependências:
yarn install
Navegue até o diretório do seu projeto no prompt de comando ou PowerShell e execute o seguinte comando para abrir o VSCode:
code .
Você pode executar comandos do Yarn no terminal integrado do VSCode. Por exemplo, para instalar novas dependências:
yarn add <package-name>
Você pode configurar tarefas no VSCode para executar comandos do Yarn.Crie ou edite o.vscode/tasks.json
arquivo, adicione a seguinte configuração:
{
"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": "请输入要添加的依赖包名"
}
]
}
Neste arquivo de configuração, você pode fazer isso pressionandoCtrl+Shift+B
Teclas de atalho para executar tarefas configuradas.
Crie ou edite o.vscode/launch.json
arquivo, adicione a seguinte configuração:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Program",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/app.js",
"preLaunchTask": "Yarn Install",
"outFiles": [
"${workspaceFolder}/dist/**/*.js"
]
}
]
}
Isso será executado automaticamente antes de iniciar a depuraçãoYarn Install
Tarefa.
você podepackage.json
Defina o script no arquivo e execute-o no terminal integrado do VSCode. Por exemplo:
{
"scripts": {
"start": "node app.js",
"build": "webpack --config webpack.config.js"
}
}
Execute o script:
yarn start
yarn build