vueを使って-cli+webpackでvue開発環境を構築する方法

npmパッケージをダウンロードするためにまずnodeをダウンロードする必要があります。それはnodeに基づいているからです

余計なことを言わずに、すぐに本題に入りましょう

nodeをダウンロードする際には、gitもダウンロードする必要があります。今後はgitでコマンドを入力してVueの環境を構築します

gitはLinuxのコマンドを使用しています

なぜかというと関係ありません。使えることが大切ですよね？

Windowsシステムでは、gitをダウンロードした後、デスクトップで右クリックしてgit Bashが表示されます。それをクリックすると、gitが開かれます

gitには多くの機能があります。また、gitを使ってGitHubにファイルをpushできます。GitHubは非常に良いリポジトリ管理ツールですよ

さあ、始めましょう。gitを開くと、以下のように表示されます

次に、npm install webpackを実行します

自動的にwebpackの最新バージョンがダウンロードされます

ここでは、Vueの使い方についてすぐに本題に入りましょう-cliを使ってVueの開発環境を構築します

ここでは、Vueをグローバルにインストールする必要があります-cli

gitでnpm install vueを実行します-cli -g　vueコマンド環境をインストールします

vueを実行します --versonでインストールが成功したか確認します

vueのバージョンが表示されました。インストールが成功しました

これでグローバルにインストールされます

次にコマンドラインでvue init webpackを実行します-simple<テンプレート名、あなたのプロジェクト名です>、

ここではwebpackを使用します-simple（テンプレート名、あなたのプロジェクト名です）を使います。厳格な規範がないため、多くのプログラマーにとって使いやすいです。webpackとの違いについて詳しく説明はしませんが、必要であればコメントで質問してください。

ここでは、プロジェクト名がmyvueです

したがって、vue init webpackを実行します-simple myvue

デスクトップにはmyvueフォルダがあります

cd myvueを実行してプロジェクトに移動します

フォルダーにはこれらのファイルがあります。これがvueです-cliが自動で環境を構築します

npm installを実行します

この時点で少し待ちます。npmがnodeに基づくファイルをダウンロードしています

すると、node_modulesファイルが追加されます。これはnodeのモジュールです

次に、コマンドラインでnpm run devを実行します

vueがブラウザを自動で開き、このvueプロジェクトを実行します

そうして、私たちはvueを使用します-cliでvueの開発環境を構築すれば成功です。何かご不明な点があれば、コメントを残してください。編集者は迅速に回答します。このガイドへのサポートに感謝します！

声明：本文の内容はインターネットから収集され、著作権者に帰属します。インターネットユーザーが自発的に貢献し、アップロードしたものであり、当サイトは所有権を有しないし、人工的な編集は行われていません。著作権侵害を疑われる内容がある場合は、メールで notice#w までお知らせください。3codebox.com（メールの際は、#を@に変更してください）で通報し、関連する証拠を提供してください。一旦確認が取れましたら、当サイトは即座に侵害を疑われるコンテンツを削除します。