bun
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
bun [2024/04/12 15:58] – nullpon | bun [2024/12/07 13:55] (現在) – nullpon | ||
---|---|---|---|
行 1: | 行 1: | ||
< | < | ||
- | # bun | + | # Bun |
- | JavaScriptランタイム。TypeScriptをコンパイルなしで実行可能。npm互換性のパッケージ管理ツールも内包している。 | + | Bun(バン)はJavaScriptランタイム。 |
- [Bun — A fast all-in-one JavaScript runtime](https:// | - [Bun — A fast all-in-one JavaScript runtime](https:// | ||
+ | |||
+ | 特徴 | ||
+ | |||
+ | - TypeScriptをコンパイルなしで実行可能(トランスパイラ内蔵) | ||
+ | - [npm](npm)互換性のパッケージ管理ツールを持つ(パッケージマネージャ内蔵) | ||
+ | - JavaScriptエンジンにJavaScriptCoreを使用している(速い?) | ||
+ | |||
+ | TypeScriptの挙動をサクッと試すことができるので、tscを使っていてもインストールしておくと便利 | ||
## インストール | ## インストール | ||
行 10: | 行 18: | ||
- [Installation](https:// | - [Installation](https:// | ||
- | ### protoを使う | + | [proto](/ |
``` | ``` | ||
行 16: | 行 24: | ||
``` | ``` | ||
- | ### homebrewを使う | + | [homebrew](/ |
``` | ``` | ||
行 22: | 行 30: | ||
``` | ``` | ||
- | ### 直接インストール | + | `curl | bash`でインストール |
``` | ``` | ||
行 28: | 行 36: | ||
``` | ``` | ||
- | ## 実行 | + | ## 使い方 |
+ | |||
+ | 実行 | ||
``` | ``` | ||
行 34: | 行 44: | ||
``` | ``` | ||
+ | ### プロジェクトの開始 | ||
+ | 開始するディレクトリで`init`を実行 | ||
+ | |||
+ | ``` | ||
+ | bun init | ||
+ | ``` | ||
+ | |||
+ | initで以下のファイルが作成される | ||
+ | |||
+ | ``` | ||
+ | bun.lockb | ||
+ | index.ts | ||
+ | node_modules | ||
+ | package.json | ||
+ | README.md | ||
+ | tsconfig.json | ||
+ | ``` | ||
+ | |||
+ | bunはコンパイルなしでtypescriptを直接実行できる。 | ||
+ | |||
+ | ``` | ||
+ | bun run index.ts | ||
+ | ``` | ||
+ | ### 依存ライブラリのインストール | ||
+ | |||
+ | `npm install`に相当するコマンド。`bun init`した場合は裏で実行されているので不要。既存プロジェクトを`git clone`した場合などに実行する。 | ||
+ | |||
+ | ``` | ||
+ | bun install | ||
+ | ``` | ||
+ | |||
+ | ### 依存ライブラリの追加 | ||
+ | |||
+ | `npm install`に相当。`-d`オプションでdevDependenciesに追加する。`npm install -d`と同じ動きをする。 | ||
+ | |||
+ | ``` | ||
+ | bun add -d eslint | ||
+ | ``` | ||
+ | |||
+ | ### 依存ライブラリのコマンド実行 | ||
+ | |||
+ | npxコマンドに相当、例えば`bun add`で追加したeslintを実行するならば | ||
+ | |||
+ | ``` | ||
+ | bun x eslint | ||
+ | ``` | ||
+ | |||
+ | ただbunのプロジェクトはtypescriptなのでeslintを使う場合は以下の準備が必要 | ||
+ | |||
+ | ``` | ||
+ | bun add -d eslint @eslint/js typescript-eslint | ||
+ | ``` | ||
+ | |||
+ | eslint.config.mjsを作成して以下の記述を追加 | ||
+ | |||
+ | ``` | ||
+ | import eslint from ' | ||
+ | import tseslint from ' | ||
+ | |||
+ | export default tseslint.config( | ||
+ | eslint.configs.recommended, | ||
+ | tseslint.configs.recommended, | ||
+ | ); | ||
+ | |||
+ | ``` | ||
+ | 詳細は[Getting Started | typescript-eslint(typescript-eslint.io)](https:// | ||
</ | </ |
bun.1712937491.txt.gz · 最終更新: 2024/04/12 15:58 by nullpon