2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
यदि भवान् Node.js तथा npm इत्येतत् अद्यापि न संस्थापितवान् तर्हि भवान् तस्मात् संस्थापयितुं शक्नोतिNode.js आधिकारिक वेबसाइटNode.js इत्यस्य नवीनतमं संस्करणं डाउनलोड् कृत्वा संस्थापयन्तु, Node.js इत्यनेन सह npm संस्थाप्यते ।
एकं कमाण्ड् प्रॉम्प्ट् अथवा PowerShell उद्घाट्य Yarn वैश्विकरूपेण संस्थापयितुं निम्नलिखितम् आदेशं चालयन्तु:
npm install -g yarn
संस्थापनस्य समाप्तेः अनन्तरं Yarn सफलतया संस्थापितम् अस्ति वा इति सत्यापयितुं निम्नलिखितम् आदेशं चालयन्तु ।
yarn --version
कमाण्ड् प्रॉम्प्ट् अथवा PowerShell इत्यस्मिन् स्वस्य परियोजनानिर्देशिकायां गत्वा नूतनं Yarn परियोजनां आरभ्य निम्नलिखितम् आदेशं चालयन्तु:
yarn init
परियोजनायाः प्रासंगिकसूचनाः प्रेरणानुसारं पूरयन्तु समाप्तेः अनन्तरं कpackage.json
प्रलेख।
यथा - योज्यम्react
तथाreact-dom
विश्वसिति:
yarn add react react-dom
यदि पूर्वमेव एकः अस्तिpackage.json
file, सर्वाणि आश्रयाणि संस्थापयितुं निम्नलिखितम् आदेशं चालयन्तु:
yarn install
Command Prompt अथवा PowerShell इत्यस्मिन् स्वस्य परियोजनानिर्देशिकायां गत्वा VSCode उद्घाटयितुं निम्नलिखितम् आदेशं चालयन्तु:
code .
VSCode इत्यस्य एकीकृते टर्मिनल् मध्ये Yarn आदेशान् चालयितुं शक्नुवन्ति । यथा, नूतनानि आश्रयाणि संस्थापयितुं :
yarn add <package-name>
Yarn आदेशान् चालयितुं VSCode मध्ये कार्याणि विन्यस्तुं शक्नुवन्ति ।रचयतु वा सम्पादयतु वा.vscode/tasks.json
file, निम्नलिखितविन्यासं योजयन्तु:
{
"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
file, निम्नलिखितविन्यासं योजयन्तु:
{
"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