Vue--vue cli足場快速構築単ページ応用

3つのステップで、ホット・リロード、保存時の静的チェック、および本番環境で使用可能な構築構成のプロジェクトを作成および起動できます.

npm install -g vue-cli //     vue-cli

vue init webpack my-project //        webpack       ，     

cd my-project //    
npm run dev //    

グローバルインストールvue-cli

 npm install --global vue-cli

Webpackテンプレートベースの新しいプロジェクトを作成し、依存関係をインストールします.

vue init webpack my-project

initの過程でプロジェクトの定義にいくつかの説明を聞くことができます.バージョンなどの情報は、yを入力してスキップすることができます.Installing project dependencies が現れたときは、次の2枚目の図が表示されるまでインストールが完了するまで待たなければなりません.
赤枠の内容は次のコマンドです
プロジェクトの実行

cd my-project

npm run dev

npm run devはプロジェクトの実行を開始しました.このコマンドを実行すると、ブラウザでtabがlocalhost:8080/#/のリンクを開きます.このリンクはローカルで開発されたプロジェクトのホームページです.
このプロジェクトのフレームワークになると構築されます!プロジェクト構造は次のとおりです.
ふろく

クリック了解--プロジェクト構造ファイルの意味

クリック了解--構築コマンドの意味

クリック了解--足場快速構築単ページ応用で出会った問題と解決方法