vitale
TypeScript notebook for developers
파일 탐색기
- devcontainer.json
- npm-publish.yml
- vsix-ci.yml
- vsix-release.yml
- extensions.json
- launch.json
- settings.json
- tasks.json
- CodiconDebugPause.svg
- CodiconDebugStart.svg
- CodiconOpenPreview.svg
- CodiconOutput.svg
- hero.png
- settings.json
- fetch_latest_vsix.mjs
- azure-ai.vnb
- calendar.vnb
- mapStream.ts
- octokit.vnb
- package.json
- react.vnb
- regex.vnb
- streamAzureAIResponse.ts
- tsconfig.json
- vite.config.ts
- cells.ts
- cli.ts
- client.ts
- domain.ts
- executeCell.ts
- hmr.ts
- index.ts
- rewrite.test.ts
- rewrite.ts
- rpc-types.ts
- rpc.ts
- runner.ts
- runtime.ts
- server.ts
- types.ts
- package.json
- tsconfig.json
- tsup.config.ts
- index.ts
- README.md
- index.ts
- linkify.test.ts
- notebookRenderer.test.ts
- stackTraceHelper.test.ts
- ansi.ts
- color.ts
- colorMap.ts
- htmlHelper.ts
- index.ts
- linkify.ts
- rendererTypes.ts
- stackTraceHelper.ts
- textHelper.ts
- README.md
- cellOutputPanes.ts
- cellOutputWebview.ts
- cellStatusBarItemProvider.ts
- controller.ts
- extension.ts
- handleDidChangeNotebookDocument.ts
- handleDidChangeNotebookEditorSelection.ts
- handleDidChangeTextDocument.ts
- jsonRenderer.tsx
- log.ts
- pauseCell.ts
- serializer.ts
- showCellOutputChannel.ts
- vitaleRenderer.tsx
- .eslintrc.json
- .vscode-test.mjs
- .vscodeignore
- package.json
- tsconfig.json
- tsup.config.ts
- vsc-extension-quickstart.md
- .gitignore
- .npmrc
- LICENSE
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- vitest.workspace.ts
# CDN으로 사용하기
jsDelivrjsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.
명령어 용어집
이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.
git clone
설명 보기 ▼
git clone
Clone an existing repository.
git clone {{remote_repository_location}} {{path/to/directory}}
Clone an existing repository into a new directory (the default directory is the repository name):
git clone --recursive {{remote_repository_location}}
Clone an existing repository and its submodules:
git clone {{[-n|--no-checkout]}} {{remote_repository_location}}
Clone only the `.git` directory of an existing repository:
Hello
설명 보기 ▼
Hello
"Hello, world!", "hello, world" 또는 사용자 정의 가능한 텍스트를 출력.
더 많은 정보: <https://www.gnu.org/software/hello/manual/hello.html#Invoking-hello>.
hello
"Hello, world!" 출력:
hello {{[-t|--traditional]}}
전통적인 유형인 "hello, world"를 출력:
hello {{[-g|--greeting]}} "{{greeting_text}}"
문자 메시지 출력:
npm
설명 보기 ▼
npm
JavaScript 및 Node.js 패키지 관리자.
Node.js 프로젝트 및 모듈 의존성을 관리합니다.
더 많은 정보: <https://docs.npmjs.com/cli/npm/>.
npm init {{[-y|--yes]}}
기본값으로 `package.json` 파일 생성 (`--yes`를 생략하면 대화식으로 진행):
npm {{[i|install]}}
package.json에 의존성으로 나열된 모든 패키지를 다운로드:
npm {{[i|install]}} {{package_name}}@{{version}}
특정 버전의 패키지를 다운로드하고 `package.json`의 의존성 목록에 추가:
pnpm
설명 보기 ▼
pnpm
빠르고, 디스크 공간 효율적인 Node.js용 패키지 관리자.
Node.js 프로젝트 및 해당 모듈 의존성 관리.
더 많은 정보: <https://pnpm.io/pnpm-cli>.
pnpm init
`package.json` 파일 생성:
pnpm {{[i|install]}}
`package.json`에 의존성으로 나열된 모든 패키지를 다운로드:
pnpm add {{module_name}}@{{version}}
특정 버전의 패키지를 다운로드하여 `package.json`의 의존성 목록에 추가:
vite
설명 보기 ▼
vite
Vite 프로젝트 생성합니다.
자바스크립트 프로젝트를 빌드하는 데 사용됩니다.
사용 가능한 템플릿: vanilla, vanilla-ts, vue, vue-ts, react, react-ts, react-swc, react-swc-ts, preact, preact-ts, lit, lit-ts, svelte, svelte-ts.
더 많은 정보: <https://vite.dev/guide/>.
npm create vite@latest my-react-app --template react-ts
`npm` 6.x를 사용한 설정:
npm create vite@latest my-react-app -- --template react-ts
`npm` 7 이상을 사용한 설정, 추가 이중 대시가 필요:
yarn create vite my-react-app --template react-ts
`yarn`을 사용한 설정:
yarn
설명 보기 ▼
yarn
JavaScript 및 Node.js 패키지 대체 관리자.
더 많은 정보: <https://yarnpkg.com/cli>.
yarn global add {{module_name}}
전역적으로 모듈 설치:
yarn install
`package.json` 파일에 참조된 모든 의존성을 설치 ( `install`은 선택 사항입니다):
yarn add {{module_name}}@{{version}}
모듈을 설치하고 `package.json` 파일에 대한 의존성으로 저장 (개발 전용 의존성으로 추가하려면 `--dev` 추가):