1.安裝nodejs 和 npm （這裡不做贅述，不懂的可以自己百度） 2.全域性安裝 vue-cli（如果以前安裝過就調過這步，如果沒安裝請安裝，沒安裝執行第3步會提示你安裝） $ npm install --global vue-cli 3.建立一個基於 webpack 的vue專案 $ vue init webpack vue-iview-master // 後續按回車安裝預設即可 4.進入到建立的vue專案 $ cd test 5.安裝依賴 $ npm install 6.安裝iview $ npm install iview --save 7.配置依賴 用編譯器開啟專案，進入src，找到main.js，用下面的程式碼替換掉main.js的初始程式碼

import Vue from ‘vue’ import iView from ‘iview’ import App from ‘./App’ import ‘iview/dist/styles/iview.css’ Vue.config.productionTip = false; Vue.use(iView); / eslint-disable no-new / new Vue({ el: ‘#app’, components: { App }, template: ‘’ })

8.執行(如果不需要安裝iview，就放棄6和7步) $ npm run dev 9.如果你的8080埠沒有被佔用應該是這樣的，在瀏覽器輸入地址 ，被佔用就用出來的地址，

如果你沒有任何改動，頁面應該是這樣的

10.這時候我們就可以使用iview了 找到專案的src ，找到components資料夾下面的HelloWorld.vue， 開啟iview的官網 用元件， 把template裡的程式碼複製進去（具體看iview的文件，我用最簡單的舉個例子！）

現在去網頁上看看效果 很顯然，效果出來了

OK，更復雜的要自己去看文件學習了