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見ることができます。