VUE-CLI + VUE 2.0 +要素-UI + VUE-ルータ+ echarts.jsバックオフィスシステム開発プロジェクトのチュートリアル

まず、最初に使用するには、NPMフレームワークVUEプロジェクトを作成します。 

1、CLI-VUEをインストール:    $のNPMは、--global VUE-CLIをインストール

$のNPM初期化のWebPACKプロジェクト名:2、プロジェクトの初期化

プロジェクトディレクトリ要素-UI-依存にインストール3、:

$ ASL要素と-S-UI 

「要素-UI」からインポートElementUI 

 インポート '要素-UI / libに/テーマチョーク/ index.css'

Vue.use(細胞)

ライブラリをグラフ化4、導入echarts.js:

$のNPMはecharts --saveをインストール  

「echarts」からインポートecharts

Vue.prototype。$ Echarts = echarts

5、プロジェクトの作成を開始

個人によって作成されたプロジェクトアドレス:GitHubの住所:https://github.com/HLHAOGH/myrepository/tree/HLHAOGH-patch-1

図6に示すように、システムのスクリーンショットの部品:

 

 

おすすめ

転載: www.cnblogs.com/hlhao/p/11420913.html