2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Si Node.js et npm nondum inauguratus es, ex eo instituere potesNode.js rutrumDownload et novam versionem Node.js instituere, npm una cum Node.js instituetur.
Aperi mandatum promptum seu PowerShell et currunt hoc mandatum ut tinctum globally install:
npm install -g yarn
Post institutionem perfectam, hoc mandatum currite ut cognoscatur an feliciter inauguratus sit:
yarn --version
Navigare ad tuum consilium presul in imperio promptum seu PowerShell mandatum ac currere hoc mandatum ut novum Yarn project initialize:
yarn init
Reple in tali notitia rei secundum promptuspackage.json
documentum.
Exempli gratia addreact
etreact-dom
inniti;
yarn add react react-dom
si iam unumpackage.json
fasciculus, hoc mandatum currite ut omnes clientelas instituant;
yarn install
Navigare ad consilium tuum presul in To order Promptus vel PowerShell et currunt hoc mandatum aperire VSCode:
code .
Mandata currere potes Yarn in termino integrato VSCode. Exempli gratia, novas clientelas instituere;
yarn add <package-name>
Configurare potes munia in VSCode ad currendum Yarn mandata.Create an edit the.vscode/tasks.json
lima, schematismi sequentem adde:
{
"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 hoc schemate de configuratione, hoc facere potes premendoCtrl+Shift+B
Claves brevis ad currendum officia felis.
Create an edit the.vscode/launch.json
lima, schematismi sequentem adde:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Program",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/app.js",
"preLaunchTask": "Yarn Install",
"outFiles": [
"${workspaceFolder}/dist/**/*.js"
]
}
]
}
Hoc sponte current antequam incipiens debuggingYarn Install
Rg.
potespackage.json
Define scriptum in tabella et curram in termino VSCode integrato. Exempli gratia:
{
"scripts": {
"start": "node app.js",
"build": "webpack --config webpack.config.js"
}
}
Curre scriptum:
yarn start
yarn build