ホームページ  >  記事  >  ウェブフロントエンド  >  vue.jsの実行方法

vue.jsの実行方法

藏色散人
藏色散人オリジナル
2020-12-25 09:40:269510ブラウズ

vue.js の実行方法: 最初に環境をセットアップし、次にコマンド「cd デスクトップ/プロジェクト名」を使用してプロジェクトに入り、次にコマンド「npm install」を使用して依存関係をインストールし、最後にコマンドを使用します。プロジェクトを実行するには「npm run dev」で十分です。

vue.jsの実行方法

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

[関連記事の推奨事項: vue.js]

vue プロジェクト (github プロジェクト) の実行

インストールnode.js

node.js 公式 Web サイトから Node をダウンロードしてインストールします。インストールプロセスは非常に簡単で、「次のステップ」をずっと実行するだけです (愚かなインストール)。

インストールが完了したら、コマンドラインツールを開いてnode -vと入力します。npmパッケージマネージャーはnodeに統合されているため、直接npm -vと入力すると、次のようにnpmが表示されます。図. バージョン情報。下図に示すように、対応するバージョン番号が表示されれば、インストールは成功です。

vue.jsの実行方法

vue.jsの実行方法

2. cnpm

一部の npm リソースがブロックされているか、外部リソースがあるため、cnpm をインストールします。 npm を使用して依存関係パッケージをインストールすると失敗することがよくあるため、npm ---cnpm

の国内イメージも必要で、コマンド ラインで npm install -g cnpm --registry= と入力します。 http://registry.npm.taabao.org

Mac でインストールが失敗し、権限が不十分であるというメッセージが表示される場合は、コマンド ラインに

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

3 と入力します。 .webpack をインストールします

npm install webpack -g

4. vue-cli をインストールします##

cnpm install vue-cli -g

このプロセスには 10 秒以上かかりますが、完了するまで待ちます

、これで環境全体がセットアップされました。次に、プロジェクトを実行します。

最初に

cd desktop/项目名称

次に、プロジェクトに入った後、依存関係をインストールします

npm install

そして

npm run dev

この時点で、プロジェクトがブラウザで実行されていることがわかります。

以上がvue.jsの実行方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。