bunというのを最近知ったのでとりあえずbunでやってみる

# bunのinstallから
curl -fsSL https://bun.sh/install | bash
source ~/.bash_profile
bun -v
  => 1.1.10

bunのinstallを完了。

nuxtのプロジェクトを作ります

# project作成
bunx nuxi@latest init nuxt_sample

 WARN  Current version of Node.js (16.19.1) is unsupported and might cause issues.                                                                16:14:22
       Please upgrade to a compatible version >= 18.0.0.


 ERROR  Error: Failed to download template from registry: h is not a function

nodeのバージョンが低いと

入れたのは結構前だったので、仕方ない

nvmを入れます

# install
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

# 実行しろと出てくる
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

# インストールできるバージョンを確認
nvm ls-remote

nvm install v22.2.0
nvm use v22.2.0

# nodeのバージョン確認
node -v
  => v22.2.0

改めてnuxtでプロジェクトを作成

bunx nuxi@latest init nuxt_sample

# なんかエラー出る。。
◐ Installing dependencies...                                                                                                                           16:25:49
bun install v1.1.10 (5102a944)
  🔍 postcss-reduce-transforms [739/971]
GET https://registry.npmjs.org/postcss-reduce-transforms - 500
  🚚 stylehacks [1899/2124]
GET https://registry.npmjs.org/cac/-/cac-6.7.14.tgz - 500
error: postcss-reduce-transforms@^6.0.2 failed to resolve

# これならinstallできる
NUXT_TELEMETRY_DISABLED=1 bunx nuxi@latest init nuxt_sample

cd nuxt_sample
bun run dev

nuxtは品質向上のためか、匿名で利用状況とかをデータを送信しているらしい。

NUXT_TELEMETRY_DISABLED はそれを無効にする

http://localhost:3000/にアクセスすると

ローカル環境作れました。思ったよりつまづかなかった。