Mac に Node.js+Vue をインストールする

Windows でしか使ったことないので、Mac にも Vue 環境を作りたいと思います。

スポンサーリンク

nodebrew のインストール

Node.js のバージョン管理システムらしいです。バージョンごとに管理する予定はないですが、後から作るのはめんどくさそうなので、この際入れておきます。

Homebrew を使ってインストールしますが、Homebrew は Mac に Anaconda をインストールする記事でやったので省略します。

Node.js のインストール

最新版の Node.js をインストールします。fetch 直後に Warning: Failed to create the file で怒られる場合は、ディレクトリを作成してから再度実行します。

使用するバージョンの指定

インストールするバージョンを指定することもできます。

インストールしただけでは current: none になっているので、使用するバージョンを指定する必要があります。

パスを通す

.bashrc に記録します。ない場合は恐らく怒られるので先に作っておきます。

Vue のインストール

nodejs-test ディレクトリ下でコマンドを実行した場合は上のようになります。設定した内容が package.json に反映されます。

vue-cli も Vue と一緒に入れます。

サンプルプロジェクトの作成と実行

Webpack を使ったサンプルプロジェクトは一行で作ることができます。

npm run dev すると開発環境の設定でビルドされて http://localhost:8080 で接続できるようになります。

最後に

思ったより簡単に入ってくれてよかった。

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください