這里還介紹一種ui框架，有興趣的可以也試試
一、創(chuàng)建vue項目，這是在nodejs安裝時創(chuàng)建項目的步驟一樣
# 全局安裝 vue-cli
$ npm install --global vue-cli
# 創(chuàng)建一個基于 webpack 模板的新項目
$ vue init webpack my-project
# 安裝依賴
$ cd my-project
#安裝
$ npm install
#執(zhí)行
$ npm run dev
創(chuàng)建的項目過程
#進入到創(chuàng)建的項目目錄下
$ cd vue-iview/
#安裝依賴
$ cnpm install
#執(zhí)行
$ npm run dev
二、主要在項目下安裝iview
$ cnpm install --save iview
三、 在src/main.js文件下增加三行引用iview
import iView from ‘iview’? //導(dǎo)入組件庫
import ‘iview/dist/styles/iview.css’? // 導(dǎo)入樣式
Vue.use(iView)
再就是通過別的網(wǎng)站查詢，可以直接在main.js文件中引用以下兩句，執(zhí)行安裝iview命令
這里注意一點，如果執(zhí)行cnpm install命令出現(xiàn)如下圖所示的錯誤，
執(zhí)行如下方案即可，方案一即能解決此問題
ide錯誤提示在項目中將.eslintrc.js刪掉，將.editorconfig和.eslintrc.json兩個文件替換，在文件——>首選項——>設(shè)置——>用戶設(shè)置里面將vscode_settings.txt文件的內(nèi)容全選覆蓋上
