bun
差分
このページの2つのバージョン間の差分を表示します。
次のリビジョン | 前のリビジョン | ||
bun [2023/09/11 05:25] – 作成 nullpon | bun [2024/12/07 13:55] (現在) – nullpon | ||
---|---|---|---|
行 1: | 行 1: | ||
< | < | ||
- | # bun | + | # Bun |
+ | |||
+ | 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:// | ||
+ | |||
+ | [proto](/ | ||
+ | |||
+ | ``` | ||
+ | proto install bun | ||
+ | ``` | ||
+ | |||
+ | [homebrew](/ | ||
+ | |||
+ | ``` | ||
+ | brew install oven-sh/ | ||
+ | ``` | ||
+ | |||
+ | `curl | bash`でインストール | ||
+ | |||
+ | ``` | ||
+ | curl -fsSL https:// | ||
+ | ``` | ||
+ | |||
+ | ## 使い方 | ||
+ | |||
+ | 実行 | ||
+ | |||
+ | ``` | ||
+ | bun run hoge.ts | ||
+ | ``` | ||
+ | |||
+ | ### プロジェクトの開始 | ||
+ | |||
+ | 開始するディレクトリで`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.1694409910.txt.gz · 最終更新: 2023/09/11 05:25 by nullpon