MAC VUEの開発環境で構築します

Mac上で構築されたVueの開発環境:

あなたは自然に練習が完璧になりますが、インターネットは情報、注文の多くを見つけるために、成功率は数倍以上のものを作成し、一回生二回熟、ここに、自分の成功にここに完成されたセットアップチュートリアルの下にリストされている、MACローカル環境を構築するのは非常に適していません。

具体的な言及は感謝したいと思い、cnBlogs「成長している子牛、」ブログのステップをより良くするために行われますhttps://www.cnblogs.com/pengjunhao/p/6798496.html

1、最初のインストールパッケージをダウンロードするにはNode.jsのnodejs公式サイトにアクセスしてください。

https://nodejs.org/en/download/

インストールを選択し、[次へ]をクリックします。

前記第2ステップ:

NPM installコマンドを備えるnodejsパッケージ、淘宝網のミラーを変更するための第二段階:

ASLインストール-g cnpm --registry = https://registry.npm.taobao.org

図3に示すように、第三段階:

足場の設置VUE、VUE-CLI

sudoのcnpm -g VUE-CLIをインストール

4.ステップ4:

Mac OSのシステムにインストールBREW:

/ usr / binに/ルビー-e "$(カール-fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

5.ステップ5:

Nodejsモジュールのインストールディレクトリへのアクセスを取得:

sudoのはchmod -R 777は/ usr / local / libに/ node_modules /

6.ステップ6:

インストールのWebPACK

WebPACKの-gをインストールcnpm

7ステップ7:

Vueがプロジェクトを作成します。

によって作成されたコマンドを作成するには、2つの方法があります。

VUEのinitのWebPACKプロジェクト名<プロジェクト名中国を使用することはできません>(Baiduはできるかわからないどのテンプレート?)

二つ目は、私は怠け者ですので、webstormエディタを使用し、webstormは神レベルエディタで、作成するためのIDEのエディタです。

ダウンロード:https://www.jetbrains.com/webstorm/?fromMenu

ティム強いwebstormの波、非常に使いやすい、私のためのAndroidの開発に確かに非常に有用ここで、しかし、あなたは、グリッドを強制的に選択し、崇高な自己を作ったことができます。

次のように作成され、特定のディレクトリショットは以下のとおりです。

 

8、最後のステップ、作成したプロジェクトのディレクトリに移動し、末端を開きます。

コマンドを実行します。

cnpmインストール

 

インストールVUEルーティングモジュールVUE-ルータとネットワークの要求VUE-リソースモジュール

CNPMは、ビュー・ルータ・リソースビューをインストール--save

 

プロジェクト開始:

VUE高度rundev

 

ブラウザでは、次のように入力しますHTTPを:// localhostを:8080の結果は、新しく作成したプロジェクトをVUE見ることができます。

 

おすすめ

転載: blog.csdn.net/u011498329/article/details/85012426