Windows構築Vue開発環境

Windows構築Vue開発環境
ステップ1:node.jsインストールnode.jsダウンロードアドレスhttps://nodejs.org/zh-cn/download/現在の長期サポート版:12.16.1(npm 6.13.4を含む)ダウンロード後、直接クリックしてインストールします.インストールが完了したらcmdで確認できます

C:\User\dell>node -v
v12.16.1
C:\User\dell>npm -v
v6.13.4

第2歩:宝を洗うcnpmのインストールはnodeのインストールを確定した後、vueのインストールを開始することができます.ここでは宝を洗う鏡を挙げて、宝を洗う鏡のcnpmでnpmのインストールの代わりにして、速度はずっと速くなります.宝を洗う鏡の推薦のウェブサイト:https://npm.taobao.org/.成功した後もバージョンを表示できます.コマンドnpm install -g cnpm --registry=https://registry.npm.taobao.orgを使用します.

C:\User\dell>npm install -g cnpm --registry=https://registry.npm.taobao.org

ミラーが正常にインストールされていることを確認

C:\User\dell>cnpm -v

ステップ3:Vueフレームワークのグローバルインストールvue-cli使用コマンドcnpm install -g vue-cliのインストール

C:\User\dell>cnpm install -g vue-cli

クエリが正常にインストールされたかどうか

C:\User\dell>vue -V
2.9.6

このvueは正常にインストールされました
vueプロジェクトを構築します.ここではvue公式サイトのコマンドラインツールを使用します.Vue.jsは、大規模な単一ページアプリケーションを迅速に構築するための公式コマンドラインツールを提供します.このツールは開梱即用の構築ツール構成を提供し、現代化されたフロントエンド開発プロセスをもたらす.1分でホット・リロード、保存時のスタティック・チェック、および本番環境の構築構成に使用できるプロジェクトを開始できます.

#       cnpm   
npm install -g cnpm --registry=https://registry.npm.taobao.org
#   cnpm       
cnpm -h
#     vue-cli
cnpm install -g vue-cli
#   vue-cli       
cnpm list
#      webpack      
vue init webpack d:
odeworkspace
odeone
#        
cd d:
odeworkspace
odeone
#         
cnpm install
#     
cnpm run dev 

ブラウザがlocalhost:8080にアクセスするとVUEウェルカムページが表示されます