エンジニアのひよこ_level10

【毎日更新!】新卒2年目エンジニアブログです! プログラムだけじゃなく、マネジメントとかも書いていきたい!

【Vue】Vueの勉強始めようpart13(Netlifyで自動デプロイ+自作プラグイン)【545日目】

前回

www.nyamucoro.com

参考書籍

今回やったことは?

  1. Netlifyで公開。GitHubと連携で自動デプロイ。
  2. 自作プラグイン作成

実際のコード

■プルリクエス

プラグインの作成 by klack710 · Pull Request #1 · klack710/study_vue_cli · GitHub

■作ったもの(ブランチはmaster参照なので、今後も更新されます)

competent-brown-63c0e3.netlify.com

学んだメモ

Netlifyでの公開は簡単。
コマンドをnpm run buildにして、公開ファイルをdistにするだけ。

自作プラグインの方は時間がかかった・・・

詰まった点は2つ。

1. プラグインを読み込ませる場所(main.js)
2. プラグインが読み込まれない( `export default MyPlugin;`が書かれてないため)

2.の方はマジでわからなかった・・・エラーメッセージ見ても手がかかりになりそうなものがなくて・・・

エラーメッセージの見方が悪いのか・・・?ってなってるけど、真偽は不明。もうちょっと勉強しなければ。

あと、ESLint導入のおかげで、ばっちりデプロイログ見たら怒ってました\(^o^)/今度直そう。

かなりいろんなこと出来るようになってきてる感ありますよ・・・!