這里還介紹一種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’? //導入組件庫
import ‘iview/dist/styles/iview.css’? // 導入樣式
Vue.use(iView)
再就是通過別的網(wǎng)站查詢耻讽,可以直接在main.js文件中引用以下兩句察纯,執(zhí)行安裝iview命令
這里注意一點,如果執(zhí)行cnpm install命令出現(xiàn)如下圖所示的錯誤针肥,
執(zhí)行如下方案即可饼记,方案一即能解決此問題
ide錯誤提示在項目中將.eslintrc.js刪掉,將.editorconfig和.eslintrc.json兩個文件替換祖驱,在文件——>首選項——>設置——>用戶設置里面將vscode_settings.txt文件的內(nèi)容全選覆蓋上