informasi kontak saya
Surat[email protected]
2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Jika Anda belum menginstal Node.js dan npm, Anda dapat menginstalnya dariSitus web resmi Node.jsDownload dan instal Node.js versi terbaru, npm akan diinstal bersama dengan Node.js.
Buka prompt perintah atau PowerShell dan jalankan perintah berikut untuk menginstal Yarn secara global:
npm install -g yarn
Setelah instalasi selesai, jalankan perintah berikut untuk memverifikasi apakah Yarn berhasil diinstal:
yarn --version
Navigasikan ke direktori proyek Anda di prompt perintah atau PowerShell dan jalankan perintah berikut untuk menginisialisasi proyek Yarn baru:
yarn init
Isi informasi yang relevan tentang proyek sesuai petunjuknya. Setelah selesai, apackage.json
dokumen.
Misalnya, tambahkanreact
Danreact-dom
mengandalkan:
yarn add react react-dom
jika sudah adapackage.json
file, jalankan perintah berikut untuk menginstal semua dependensi:
yarn install
Navigasikan ke direktori proyek Anda di Command Prompt atau PowerShell dan jalankan perintah berikut untuk membuka VSCode:
code .
Anda dapat menjalankan perintah Yarn di terminal terintegrasi VSCode. Misalnya, untuk menginstal dependensi baru:
yarn add <package-name>
Anda dapat mengonfigurasi tugas di VSCode untuk menjalankan perintah Yarn.Buat atau edit.vscode/tasks.json
file, tambahkan konfigurasi berikut:
{
"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": "请输入要添加的依赖包名"
}
]
}
Dalam file konfigurasi ini, Anda dapat melakukannya dengan menekanCtrl+Shift+B
Tombol pintasan untuk menjalankan tugas yang dikonfigurasi.
Buat atau edit.vscode/launch.json
file, tambahkan konfigurasi berikut:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Program",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/app.js",
"preLaunchTask": "Yarn Install",
"outFiles": [
"${workspaceFolder}/dist/**/*.js"
]
}
]
}
Ini akan berjalan secara otomatis sebelum memulai debuggingYarn Install
Tugas.
kamu bisapackage.json
Tentukan skrip dalam file dan jalankan di terminal terintegrasi VSCode. Misalnya:
{
"scripts": {
"start": "node app.js",
"build": "webpack --config webpack.config.js"
}
}
Jalankan skrip:
yarn start
yarn build