51
46

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

vue init と vue createの違い

Last updated at Posted at 2019-09-25

どちらでプロジェクトを作成すれば分からなかったので調べてみました。大した内容じゃないです。

vue init と vue createの違い(位置づけ)

  • vue initはvue-cliの2.0系から使えますが、vue createはvue-cliの3.0系からしか使えません。
  • vue initはvue-cliの3.0系でも使えますが、公式ドキュメント(Creating a Project | Vue CLI)ではvue createを使ってプロジェクトを作成しています。よって、公式の推奨はvue createのようです。
  • 2019年9月時点では、vue initを用いたプロジェクト作成の情報が多いようです。
vue-cli 2.0系 vue-cli 3.0系 公式推奨 情報量
vue init ○利用可能 ○利用可能 ○非推奨ではない ○多い
vue create ×利用不可 ○利用可能 ◎推奨 △そこそこ

こうみると、どちらを使うか迷います。

vue init と vue createの違い(機能

  • ファイル構造が2.0系と3.0系で変わっていますが、どちらかしか出来ない事、というのは今のところなさそうです。
  • 2.0系だとtypescriptを使う時に lang=ts みたいに書かないといけなかったですが、3.0系だとプロジェクト作成時にtypescriptを選択できるようです。
  • よって、typescript勢からの情報発信は、3.0系を使ったものが多くなると予想されます。

firebaseへのデプロイ

vue initはindex.htmlにfirebaseのSDKを張り付ける、という行為が必要でしたが(Vue.js初心者お勉強-その2- firebase編 - Qiita)、vue createで作成したら不要でした。

ただ、記事によってはfirebaseconfigを設定してたりするので、私が知らないことがまだあるのかもしれません。

次にやることメモ

私はfirebstoreからのデータの読み出し・書き出しがしたいだけなので、vue initでもvue createでも拘りはない(できればvue createでやった方がいいと思うが。)

なので、写経元のWebサイトに従ってどちらを使うかを決めていこうと思っている。

51
46
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
51
46

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?