Nuxtを使ったサイトの修正をしてみた。

はじめに

知り合いがnuxtを使ったファイルで問題があったらしく、相談を受けたが全くわからんので、
とりあえず調べながらやってみたことを記載してみる。

nuxt.js　とは

ほとんど理解できてない（してない）自分が書いてもしゃーないので
次のサイトをご覧ください。。

環境について

node.js 参考
yarn or npm　のパッケージ　参考
→どっちかは使うはず。調べてる限り、yarnのが早くて楽。今回はもらったファイルがyarnだったから、yarnで。

楽チン。

nuxtについて

編集すべきところ

components →実際のページの構成が書かれている模様
pages　→ページのルーティングの模様
static　→素材とか入れる模様

仕組み

どうやら、pagesにルーティングが書かれてて、そこに書いた情報をnuxtはみていて、
そこから指定されたcomponentsを読んでる模様。ふむふむ。

コマンドでの操作

基本的には、次の５つの操作でできる模様。
ちなみに仮想として　/var/develop/nuxttest にnuxtのファイル群がいるとする。

1. 移動する　cd /var/develop/nuxttest
2. nodeのパッケージ(package.json dependancies)をインストール　yarn install
3. nuxt build　でビルドをする　yarn run build
4. nuxt start でローカルチェックをする　yarn run start
5. nuxt generate でローカルで作る　yarn run generate
6. ファイルをサーバへ上げる。

注意1）3-5に関しては
package.jsonのscriptに次のように書かれていることを前提にしてます。

package.json

"scripts": {
    "dev": "nuxt",
    "build": "nuxt build",   
    "start": "nuxt start",
    "generate": "nuxt generate"}

注意2)コードを変更するときは、最初1-4をやって、
見れることを確認してからコードを変更、
確認するときに3-4をやるといいかと思います。
最後の最後で5、６をすればいいと思います。

終わりに

とりあえず、単なる文字の変更だけなので、特に理解なくいったんやりました。
まぁ本当はしっかり勉強してからやるべきなのですが。。。

もし今すぐ！なんとか！という方へ役立てるといいなぁと、メモ書き程度に書き残しておきます。