ホームページ  >  記事  >  ウェブフロントエンド  >  Mac に vue をインストールする方法

Mac に vue をインストールする方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-25 14:02:581695ブラウズ

今回は Mac に vue をインストールする方法を紹介します。Mac に vue をインストールする際の 注意点 について、実際のケースを見てみましょう。

npm -v <br>cnpm -v

npm -v <br>cnpm -v

这些环境都已经配置成功了,若没有的话请点击这篇文章查看:node和cnpm安装看着一篇就够了

如果都OK了那下面就进入正题

首先打开终端在里面输入以下内容

sudo cnpm install -g vue-cli

安装成功后输入vue会出现以下内容:

Mac に vue をインストールする方法

在输入vue list查看下:


Mac に vue をインストールする方法

OK当出现这些之后你的全局的vue就安装成功了。

安装webpack模板,并设置工程信息
输入命令 vue init webpack sell
注释:sell是名称,自己可以随意命名

接下来输入项目名称,项目描述,作者,是否安装路由,是否使用后ES检测器,输入 y,需要,是否需要前端测试库n 不需要,完成。

Mac に vue をインストールする方法

然后输入命令cd sell

输入命令sudo cnpm install

Mac に vue をインストールする方法

输入命令sudo cnpm run devこれらの環境は正常に構成されています。そうでない場合は、この記事をクリックしてご覧ください: ノードと cnpm のインストールには 1 つの記事で十分です。すべて問題なければ、本題に進みましょう

まずターミナルを開いて次の内容を入力しますMac に vue をインストールする方法

sudo cnpm install -g vue-cli

インストールが成功したら、次のように入力しますvue を実行すると、次のコンテンツが表示されます:

Mac に vue をインストールする方法

vue に入力してくださいリストチェックしてください:


OK これらが表示されたら、グローバル vue正常にインストールされます。

🎜webpack テンプレートをインストールし、プロジェクト情報を設定します
コマンド vue init webpack sell を入力します
注: sell は名前です。任意の名前を付けることができます🎜
🎜次に、プロジェクト名、プロジェクトの説明、作成者、またはインストールします。ルート 🎜、ポスト ES 検出器を使用するかどうか、y、yes、フロントかどうかを入力します。終了テスト ライブラリが必要です。n、いいえ、完了しました。 🎜🎜Mac に vue をインストールする方法🎜🎜それではコマンド cd sell を入力します🎜🎜 コマンド sudo cnpm install を入力します🎜🎜Mac に vue をインストールする方法🎜🎜コマンド sudo cnpm run dev を入力してください🎜🎜🎜🎜🎜この記事の事例を読んだ後にそれを実行してください。さらに興味深い方法については、php 中国語 Web サイトの他の関連記事に注目してください。 🎜🎜推奨書籍: 🎜🎜🎜カスタム ライブラリの開発方法🎜🎜🎜🎜 jquery を使用してクリック イベントを動的に追加する詳細な手順🎜🎜

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

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