ホームページ >ウェブフロントエンド >Vue.js >vue.jsの実行方法
vue.js の実行方法: 最初に環境をセットアップし、次にコマンド「cd デスクトップ/プロジェクト名」を使用してプロジェクトに入り、次にコマンド「npm install」を使用して依存関係をインストールし、最後にコマンドを使用します。プロジェクトを実行するには「npm run dev」で十分です。
このチュートリアルの動作環境: Windows7 システム、vue2.0 バージョン、Dell G3 コンピューター。
[関連記事の推奨事項: vue.js]
vue プロジェクト (github プロジェクト) の実行
インストールnode.js
node.js 公式 Web サイトから Node をダウンロードしてインストールします。インストールプロセスは非常に簡単で、「次のステップ」をずっと実行するだけです (愚かなインストール)。
インストールが完了したら、コマンドラインツールを開いてnode -vと入力します。npmパッケージマネージャーはnodeに統合されているため、直接npm -vと入力すると、次のようにnpmが表示されます。図. バージョン情報。下図に示すように、対応するバージョン番号が表示されれば、インストールは成功です。
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 サイトの他の関連記事を参照してください。