τα στοιχεία επικοινωνίας μου
Ταχυδρομείο[email protected]
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
Συμπληρώστε τις σχετικές πληροφορίες του έργου σύμφωνα με τις προτροπές Μετά την ολοκλήρωση, α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