моя контактная информация
Почтамезофия@protonmail.com
2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Если вы еще не установили Node.js и npm, вы можете установить их сОфициальный сайт Node.jsЗагрузите и установите последнюю версию Node.js, npm будет установлен вместе с Node.js.
Откройте командную строку или PowerShell и выполните следующую команду, чтобы установить Yarn глобально:
npm install -g yarn
После завершения установки выполните следующую команду, чтобы проверить, успешно ли установлен Yarn:
yarn --version
Перейдите в каталог вашего проекта в командной строке или PowerShell и выполните следующую команду, чтобы инициализировать новый проект Yarn:
yarn init
Заполните соответствующую информацию о проекте в соответствии с подсказками. После завершения появится a.package.json
документ.
Например, добавьтеreact
иreact-dom
полагаться:
yarn add react react-dom
если он уже естьpackage.json
файл, выполните следующую команду, чтобы установить все зависимости:
yarn install
Перейдите в каталог вашего проекта в командной строке или PowerShell и выполните следующую команду, чтобы открыть VSCode:
code .
Вы можете запускать команды Yarn во встроенном терминале VSCode. Например, чтобы установить новые зависимости:
yarn add <package-name>
Вы можете настроить задачи в VSCode для запуска команд Yarn.Создайте или отредактируйте.vscode/tasks.json
файл, добавьте следующую конфигурацию:
{
"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": "请输入要添加的依赖包名"
}
]
}
В этом файле конфигурации вы можете сделать это, нажавCtrl+Shift+B
Сочетания клавиш для запуска настроенных задач.
Создайте или отредактируйте.vscode/launch.json
файл, добавьте следующую конфигурацию:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Program",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/app.js",
"preLaunchTask": "Yarn Install",
"outFiles": [
"${workspaceFolder}/dist/**/*.js"
]
}
]
}
Это запустится автоматически перед началом отладки.Yarn Install
Задача.
ты можешьpackage.json
Определите сценарий в файле и запустите его во встроенном терминале VSCode. Например:
{
"scripts": {
"start": "node app.js",
"build": "webpack --config webpack.config.js"
}
}
Запустите скрипт:
yarn start
yarn build