vue + elementUI【一、環境搭建】
一、說明
Element-Ul是餓了麼前端團隊推出的一款基於Vue.js 2.0 的桌面端UI框架,一套為開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端元件庫,手機端有對應框架是Mint UI 。
中文文件:http://element-cn.eleme.io/#/zh-CN
github地址:https://github.com/ElemeFE/element
二、安裝Node.js
端開發框架和環境都是需要 Node.js ,先安裝node.js開發環境,vue的執行是要依賴於node的npm的管理工具來實現,下載https://nodejs.org/en/,安裝完成之後,開啟cmd開始輸入命令。(我用的是win10系統,所以需要管理員許可權,右鍵點選以管理員身份運 行cmd),不然會出現很多報錯。2.1、檢視node的版本號
下載好node之後,以管理員身份開啟cmd管理工具,,輸入 node -v ,回車,檢視node版本號,出現版本號則說明安裝成功。
cmd命令:node -v
2.2、安裝淘寶映象
由於npm是國外的,使用起來比較慢,我們這裡使用淘寶的cnpm映象來安裝vue。淘寶的cnpm命令管理工具可以代替預設的npm管理工具。
cmd命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝好之後檢查版本
cmd命令:cnpm -v
有可能報錯:'cnpm' 不是內部或外部命令,也不是可執行的程式 或批處理檔案。
解決辦法:
根據提示找到cnpm的檔案位置:將cnpm和cnpm.cmd拷貝到你安裝的node的資料夾中。
需要吧對應的檔案放到指定的目錄下【可以參考npm】:
--》
還有一個資料夾。
--》
2.3、安裝全域性vue-cli腳手架