Element-ui-安裝


1、node環境安裝

1.1、根據自己電腦位數,下載最新版node.js並安裝https://nodejs.org/en/

1.2、下載git並安裝https://gitforwindows.org/,安裝好之后右鍵空白處,選 擇 Git Bash Here;這里如不想下載git,也可直接打開命令終端: 開始->運 行->cmd

1.3、檢測是否安裝成功node -v

 

 1.4、是否能正常使用npm npm -v

 

 2、vue-cli腳手架安裝

2.1、如果外網npm安裝較慢,可以使用淘寶鏡像安裝 npm install -g cnpm --registry=https://registry.npm.taobao.org

 

 2.2、安裝vue-cli腳手架

npm install vue-cli -g

 

 2.3、在本地新建項目文件夾並進入,例如:

 

 進入盤符f: 進入文件夾cd vueDemo 右鍵 Gti Bash Here

2.4、初始化項目

vue init webpack vue-demo

 

 2.5、一直回車直到

是否要安裝 vue-router 項目中肯定要使用到 所以 y 回車

 

 是否需要 js 語法檢測 目前我們不需要 所以 n 回車

 

 是否安裝 單元測試工具 目前我們不需要 所以 n 回車

 

 是否需要 端到端測試工具 目前我們不需要 所以 n 回車

 

 接下來 等待安裝

 

 進入demo目錄 cd vue-demo

 

 2.6 執行 npm install

 

 2.7 接下來執行 npm run dev

 

 默認瀏覽器會自動打開

注意:如果您的瀏覽器是ie9以下的版本,請升級瀏覽器到最新版本或者下載谷 歌瀏覽器或者火狐瀏覽器進行預覽。在地址欄輸入 http://localhost:8080/#/進 行訪問

 

 3、安裝Element-ui

在項目空白處右鍵, Git Bash Here,輸入npm i element-ui -S

 

 主題安裝 npm install element-theme-default --save

 

 4、使用

在main.js中引入

 

 第一個demo,模態框:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM