bun
差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
| bun [2024/04/12 16:06] – nullpon | bun [2024/12/07 13:55] (現在) – nullpon | ||
|---|---|---|---|
| 行 1: | 行 1: | ||
| < | < | ||
| - | # bun | + | # Bun |
| - | JavaScriptランタイム。TypeScriptをコンパイルなしで実行可能。[npm](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を使っていてもインストールしておくと便利 | ||
| ## インストール | ## インストール | ||
| - [Installation](https:// | - [Installation](https:// | ||
| - | |||
| - | ### proto | ||
| [proto](/ | [proto](/ | ||
| 行 17: | 行 23: | ||
| proto install bun | proto install bun | ||
| ``` | ``` | ||
| - | |||
| - | ### homebrew | ||
| [homebrew](/ | [homebrew](/ | ||
| 行 25: | 行 29: | ||
| brew install oven-sh/ | brew install oven-sh/ | ||
| ``` | ``` | ||
| - | |||
| - | ### 直接インストール | ||
| `curl | bash`でインストール | `curl | bash`でインストール | ||
| 行 34: | 行 36: | ||
| ``` | ``` | ||
| - | ## 実行 | + | ## 使い方 |
| + | |||
| + | 実行 | ||
| ``` | ``` | ||
| 行 40: | 行 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.1712937970.txt.gz · 最終更新: by nullpon