BookmarkLINEVue.jsは、小規模から大規模まで段階的に導入していける柔軟性を持ったプログレッシブフレームワークです。SPAを構築しようと思うとそれでは難しくなってきます。CLIを使ってVue.jsの開発環境を構築していきます。開発環境Macのローカルで作業を行います。HTML/CSS/JavaScriptなので、細かい制約はありません。今回はnpmを使って入れていくので、node.jsをインストールしておいてください。CLIのバージョンは3.xです。CLIは、Vue.jsでアプリケーションを構築する際に、開発環境をセットアップしてくれたりする公式のコマンドラインツールです。開発用にバックエンドのAPIサーバ役をひとまず召喚トランスパイルビルドコンパイル単体テスト静的コード解析E2Eテスト思いつく限りで上げましたが(おそらくまだある)、これで大抵の事はできてしまいます。SFC(単一ファイルコンポーネント)を使ったモジュール化や、SPAの構築等、一定規模のアプリケーションを構築するにはとても便利なツールです。CLIをインストールします。バージョンは3系です。依存モジュールも合わせてインストールします。SFCをとりあえず動かしてみるのに使用するので導入しています。CLIのインストールが完了したら、まずはサクッとSFC(単一ファイルコンポーネント)を動かしてみます。作成し、以下を定義します。}</style>作成したら、以下のコマンドを叩きます。--openコンパイルが終わるとブラウザが立ち上がり結果が確認できます。自動でブラウザが開かない場合は、以下のどちらかでアクセスすると確認できます。