Vue.js環境構築まとめ

Vue.jsを触ることが多いので環境構築をまとめます。

CDNで直接組み込み

一番簡単にVue.jsを利用することができます。
お試しで使う場合はこのやり方がおすすめです。

バージョンを指定するなら↓

最新バージョンを読み込むのは↓

ESモジュールを使うなら↓

Webpack

案件やプロジェクトで使う場合はこのやり方がおすすめです。

途中enterを押してrouterをインストールするか聞かれますのでy(YES)もしくはn(NO)を入力します。

scss

scss記法の場合もsassをインストールで大丈夫です。

langの値をscssにします。
これがわからず時間を消費したのでお気を付けください。

CLI

Vue CLIの最新版インストールは以下です。

Vue UI

Vue CLI 3からGUIのプロジェクト管理ツールが用意されており、ツールの画面からプロジェkつの作成やソースのビルドが行えます。

f:id:funclur:20190608192121p:plain
プロジェクトの作成後→serve→タスクの実行→出力をクリック
でlocalhostのパスが表示されるのでそちらをクリックすればリンクされるので表示されます。
buildも同じようにタブをクリックして実行すればOKです。

コマンド入力しなくていいので楽です。

コメント

タイトルとURLをコピーしました