내 연락처 정보
우편메소피아@프로톤메일.com
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 .
VSCode의 통합 터미널에서 Yarn 명령을 실행할 수 있습니다. 예를 들어, 새로운 종속성을 설치하려면 다음을 수행하십시오.
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