vuejs開発でプロジェクトを開始する方法

vuejs でプロジェクトを開始する方法: 1. node.js をインストールします; 2. "@vue/cli" をインストールします; 3. "vue create project name" コマンドを使用してプロジェクトを作成します; 4. を使用しますcd コマンドでプロジェクト ディレクトリに vue を入力します; 5. 「npm runserve」コマンドを実行してプロジェクトを開始します。

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

前提条件:node.js のインストール

vue プロジェクトの開始

• vue を開始する場合プロジェクトには 2 つの方法があります。1 つ目は @vue/cli を使用すること、2 つ目は webpack を使用して Vue プロジェクトを最初から構築することです。初心者の場合は、@vue/cli ツールを使用することをお勧めします. cli は、webnpack をカプセル化するローダーです。プラグインを使用すると、vue プロジェクトをすぐに開始できます。以下では @vue/cli を使用しています。
• 公式 Web サイトにアクセスします https://cli.vuejs.org/zh /
• @vue /cli をインストールします npm install -g @vue/cli
• @vue/cli バージョン番号を表示しますvue --version
• vue create hello-worldプロジェクトの作成

手動選択の選択

# babel 、 css プリプロセッサ、リンター、単体テストを選択し、選択して Enter を押します

インストールが成功した後

cd hello-world $ npm runserve

このコマンドを入力してください

http:// を開きますlocalhost:8080/ 次のページが表示され、プロジェクトが作成され、正常に開始されたことが示されます。

関連する推奨事項: 「vue.js チュートリアル##」 #"

以上がvuejs開発でプロジェクトを開始する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。