Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog

This post is Private. Only a writer or those who know its URL can access this post.

Improve article
RevisionsShow article in Markdown
Report article
Help us understand the problem. What is going on with this article?

nuxt.js(v2)の導入方法

More than 1 year has passed since last update.

Nuxt.jsがv2になった。
インストール方法はドキュメント参照のこと

https://ja.nuxtjs.org/guide/installation/

2018/10/3現在、nuxt2ドキュメントは英語版のみ。日本語翻訳版お待ち申し上げます。
日本語版ができました!しかしながら、躓いたときは最新のバージョンは英語版を確認すること。

Link

以下、公開中のnuxt.js(v2)関連の記事一覧

技術よりの記事

  1. nuxt.js(v2)のインストール〜ESLint設定まで
  2. nuxt.js(v2)の作業ディレクトリを整理
  3. nuxt.js(v2)のベースURLをターミナルからコントロール
  4. nuxt.js(v2)でpug/stylusを利用する
  5. nuxt.js(v2)でIE11対応をする(CSS編)
  6. nuxt.js(v2)でIE11対応をする(JS編)
  7. nuxt.js(v2)で絶対パス(https~)を取得する方法
  8. nuxt.js(v2)でSEOに必要なmeta(OGP)を入れたい
  9. nuxt.js(v2)でSEOに必要なmeta(OGP)で入力漏れの事故をなくす
  10. Nuxt.js(v2)で静的なJSONファイルを読み込み、いろんな所で使う。

よく使うプラグインのお話

  1. nuxt.js(v2)で便利なvue-mqを使ってみるがSSRモードでコンソールエラーがでるので確認してみた。
  2. nuxt-linkでスムーズスクロールするならvue-scrolltoが便利で気が利いている…と思う。
  3. nuxt.jsでパララックスをするならvue-parallax-jsがお手軽。Cool!
  4. nuxt.js(v2)へBuefyを入れた。全部入れでOKだった…嬉しい。

まとめ系

  1. nuxt.js(v2)でgenerate納品する前にやっておきたい設定
  2. nuxt.jsにおける「components」ディレクトリの規約(案)

チェック項目(備忘録)

UI framework Test

個人的にvuetifyが好き。bootstrapはbootstrap臭がするので使わない。

  • vuetifyアラカルト

    追記:nuxt.jsでは、css側でのベース変更が、componentの読み込み時に反映されない。抜ける方法もあるが正式サポートではないためあきらめモード。

    追記:vuetify(v2)が間もなく登場する模様。要期待。

    追記:vuetify(v2)がstylusからscssになるかも。がっくり。stylusいいのになぁ。

    追記:vuetify-loaderがあった!nuxt-vuetify-loaderを参考に構築したら瞬殺だった。実務で使える。

  • Buefyテスト(ちょうどよいプロジェクトに当たったので使ってみる。)

よく使う、awesome-nuxtテスト

  • @nuxtjs/pwa
  • @nuxtjs/sitemap
  • @nuxtjs/google-tag-manager

よく使う、awesome-vueテスト

  • vue-mq
  • vee-validate
  • vue-scrollto
  • vue-vue-parallax-js
  • vue-sidebar-menu
  • vue-awesome-swiper
  • vue-observe-visibility
  • vue-perfect-scrollbar

よく使う、その他テスト

  • postcss-normalize

server-side frameworks Test

  • expressを最後にテスト予定(やらないかも)
amishiro
5年近く作っていた自作テンプレートから離れて、最近はnuxtで開発してる。フロントエンドの未来は明るい。寂しいのでフォロープリーズ。
https://amiten.co.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away