nuxt.jsを触ってみた

nuxt.jsに触ってみた

今回nuxt.jsに触ってみたのでメモついでにおさらい。

導入

ターミナルで以下のコマンドを実行

npm install -g vue-cli
vue init nuxt-community/starter-template nuxt_project

↓そうすると以下の質問が出るはず。

? Project name nuxt_project
? Project description Nuxt.js project
? Author userName <◯@◯.jp>

これは全部ENTERでok!

そうすると様々なファイルと、ディレクトリが入ったnuxt_projectという(自分が作成したプロジェクト)
名前のディレクトリがあるのでそちらに移動

cd nuxt_project

ここで
npm installを行い、
npm run devを実行し
ブラウザでlocalhost:3000を叩くと画面が開かれる。

まとめ

導入はすごい簡単。
みた感じの印象はrailsと似ているなと。(全然知らないので勘弁してください)
とりあえず楽しそうなので触って行きたいと思います。