Nuxt.jsの導入(Windows10)

WindowsにNuxt.jsを導入する方法

ハッカソンなどで毎回方法を忘れるので備忘録

  1. Node.jsをインストールする
  2. nodejs.org
    Node.jsのバージョンを確認

    C:\Users\You>node -v
    v12.18.0
    

    npmのバージョンを確認

    C:\Users\You>npm -v
    6.14.5
    
  3. yarnをインストールする
  4. classic.yarnpkg.com
    yarnのバージョンを確認

    C:\Users\You>yarn -v
    1.22.5
    
  5. Nuxtプロジェクトを作成する
  6. 作業フォルダに移動

    C:\Users\You>cd workspace
    
    C:\Users\You\workspace>
    

    Nuxtプロジェクトを作成

    C:\Users\You\workspace>yarn create nuxt-app sample-project
    

    いくつかの質問(名前、Nuxt オプション、UI フレームワーク、TypeScript、linter、テストフレームワークなど)に答えると選択した全ての依存関係がインストールされます.

    Nuxtプロジェクトに移動する

    C:\Users\You\workspace>cd sample-project
    
    C:\Users\You\workspace\sample-project>
    

    各モジュールをインストールする

    C:\Users\You\workspace\sample-project>yarn
    

    Nuxt.jsを起動する

    C:\Users\You\workspace\sample-project>yarn dev
    

http://localhost:3000/を開いてNuxt.jsのロゴが表示されれば完成