VueJS-環境設定

VueJSをインストールする方法はたくさんあります。インストールの実行方法に関するいくつかの方法については、先に説明します。

HTMLファイルで直接<script>タグを使用する

<html>
   <head>
      <script type = "text/javascript" src = "vue.min.js"></script>
   </head>
   <body></body>
</html>

VueJSのホームサイト* [[1]] 使用するバージョンは2つあります-製造バージョンと開発バージョンです。次のスクリーンショットに示すように、開発バージョンは最小化されていませんが、製品バージョンは最小化されています。開発バージョンは、プロジェクトの開発中の警告とデバッグモードに役立ちます。

CDNライブラリのVueJSファイルの使用を開始することもできます。リンクhttps://unpkg.com/vueは、VueJSの最新バージョンを提供します。 VueJSは、jsDelivr（https://cdn.jsdelivr.net/npm/vue/dist/vue.js）およびcdnjs（https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/vue.js）。

必要に応じてファイルを最後にホストし、VueJS開発を開始できます。

VueJSを使用する大規模アプリケーションの場合、npmパッケージを使用してインストールすることをお勧めします。 BrowserifyとWebpackに加えて、開発に役立つその他の必要なツールが付属しています。以下は、npmを使用してインストールするコマンドです。

npm  install vue

VueJSは、vueをインストールしてサーバーのアクティベーションを開始するためのCLIも提供します。 CLIを使用してインストールするには、次のコマンドを使用して実行されるCLIをインストールする必要があります。

npm install --global vue-cli

完了すると、VueJSのCLIバージョンが表示されます。インストールには数分かかります。

+ [email protected]
added 965 packages in 355.414s

以下は、Webpackを使用してプロジェクトを作成するコマンドです。

vue init webpack myproject

開始するには、次のコマンドを使用します。

cd myproject
npm install
npm run dev

npm run devを実行すると、サーバーが起動し、次のスクリーンショットに示すように、ブラウザーで表示されるURLが提供されます。

CLIを使用したプロジェクト構造は次のようになります。