प्रौद्योगिकी साझेदारी

Windows प्रणालीषु Yarn संस्थापयितुं विन्यस्तुं च npm इत्यस्य उपयोगं कुर्वन्तु तथा च VSCode इत्यत्र तस्य उपयोगं कुर्वन्तु

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

1. सूत्रं स्थापयतु

1. Node.js तथा npm संस्थापयन्तु

यदि भवान् Node.js तथा npm इत्येतत् अद्यापि न संस्थापितवान् तर्हि भवान् तस्मात् संस्थापयितुं शक्नोतिNode.js आधिकारिक वेबसाइटNode.js इत्यस्य नवीनतमं संस्करणं डाउनलोड् कृत्वा संस्थापयन्तु, Node.js इत्यनेन सह npm संस्थाप्यते ।

2. npm इत्यस्य उपयोगेन Yarn संस्थापयन्तु

एकं कमाण्ड् प्रॉम्प्ट् अथवा PowerShell उद्घाट्य Yarn वैश्विकरूपेण संस्थापयितुं निम्नलिखितम् आदेशं चालयन्तु:

npm install -g yarn
  • 1
3. संस्थापनस्य सत्यापनम्

संस्थापनस्य समाप्तेः अनन्तरं Yarn सफलतया संस्थापितम् अस्ति वा इति सत्यापयितुं निम्नलिखितम् आदेशं चालयन्तु ।

yarn --version
  • 1

2. सूत्रं विन्यस्तं कुर्वन्तु

1. परियोजनायाः आरम्भं कुर्वन्तु

कमाण्ड् प्रॉम्प्ट् अथवा PowerShell इत्यस्मिन् स्वस्य परियोजनानिर्देशिकायां गत्वा नूतनं Yarn परियोजनां आरभ्य निम्नलिखितम् आदेशं चालयन्तु:

yarn init
  • 1

परियोजनायाः प्रासंगिकसूचनाः प्रेरणानुसारं पूरयन्तु समाप्तेः अनन्तरं कpackage.jsonप्रलेख।

2. आश्रयाणि योजयन्तु

यथा - योज्यम्reactतथाreact-domविश्वसिति:

yarn add react react-dom
  • 1
3. सर्वाणि आश्रयाणि संस्थापयन्तु

यदि पूर्वमेव एकः अस्तिpackage.jsonfile, सर्वाणि आश्रयाणि संस्थापयितुं निम्नलिखितम् आदेशं चालयन्तु:

yarn install
  • 1

3. VSCode इत्यस्मिन् Yarn इत्यस्य उपयोगः

1. VSCode उद्घाटयन्तु

Command Prompt अथवा PowerShell इत्यस्मिन् स्वस्य परियोजनानिर्देशिकायां गत्वा VSCode उद्घाटयितुं निम्नलिखितम् आदेशं चालयन्तु:

code .
  • 1
2. Yarn आदेशं चालयन्तु

VSCode इत्यस्य एकीकृते टर्मिनल् मध्ये Yarn आदेशान् चालयितुं शक्नुवन्ति । यथा, नूतनानि आश्रयाणि संस्थापयितुं :

yarn add <package-name>
  • 1
3. विन्यासकार्यम्

Yarn आदेशान् चालयितुं VSCode मध्ये कार्याणि विन्यस्तुं शक्नुवन्ति ।रचयतु वा सम्पादयतु वा.vscode/tasks.jsonfile, निम्नलिखितविन्यासं योजयन्तु:

{
  "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": "请输入要添加的依赖包名"
    }
  ]
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31

अस्मिन् विन्याससञ्चिकायां भवन्तः नुदन् एतत् कर्तुं शक्नुवन्तिCtrl+Shift+Bविन्यस्तकार्यं चालयितुं शॉर्टकट् कीलानि ।

4. त्रुटिनिवारणम् अन्ये च विन्यासाः

1. त्रुटिनिवारणविन्यासं योजयन्तु

रचयतु वा सम्पादयतु वा.vscode/launch.jsonfile, निम्नलिखितविन्यासं योजयन्तु:

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Launch Program",
      "type": "node",
      "request": "launch",
      "program": "${workspaceFolder}/app.js",
      "preLaunchTask": "Yarn Install",
      "outFiles": [
        "${workspaceFolder}/dist/**/*.js"
      ]
    }
  ]
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

एतत् त्रुटिनिवारणं आरभ्यतुं पूर्वं स्वयमेव चालयिष्यतिYarn Installकार्य।

2. सूतलिपिनां प्रयोगं कुर्वन्तु

भवान्‌ शक्नोतिpackage.json सञ्चिकायां स्क्रिप्ट् परिभाष्य VSCode इत्यस्य एकीकृते टर्मिनल् मध्ये चालयन्तु । उदाहरणतया:

{
  "scripts": {
    "start": "node app.js",
    "build": "webpack --config webpack.config.js"
  }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

स्क्रिप्ट् चालयन्तु : १.

yarn start
  • 1
yarn build
  • 1