1. 程式人生 > 其它 >vue + elementUI【一、環境搭建】

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腳手架