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,模態框:



