安裝使用之前，先了解這4個東西是用來幹什麼的。
npm: Nodejs下的包管理器。
webpack: 它的主要用途是根據CommonJS的文法所有需要釋出的靜态資源做相應的準備，比如資源的合并和打包。
vue-cli: 使用者生成Vue過程模闆，即給你一套vue的結構，包含基礎的依賴庫。通過npm install -g @vue/cli安裝。
element-ui: 網站快速成型工具,一套為開發者、設計師和産品經理準備的基于 Vue 2.0 的桌面端元件庫。
一、下載下傳安裝Nodejs，安裝完成之後才可以使用npm指令install相應的元件。
下載下傳位址：http://nodejs.cn/download/
輕按兩下安裝
一直點選next
最後點選finish完成
打開安裝位置
輸入 npm -v檢視版本号，顯示版本号說明安裝成功！出現錯誤請複制錯誤資訊自行百度。
二、安裝webpack
以全局的方式安裝(不推薦)：在剛才輸入npm -v的指令行界面,輸入以下指令:
npm i webpack -g
但是通常并不是所有項目都需要webpack，是以推薦将webpack安裝到項目的依賴中：
1 進入項目
2 确定已經有package.json，沒有就通過npm init 建立
3 安裝webpack 依賴： npm i webpack --save-dev
安裝的過程中可能會很慢，一直卡在那轉圈。原因你懂得，我們上的是一個區域網路，外面的世界不是你想看就能看的。如果你不能翻牆，那你就在指令行界面,輸入以下指令:
npm config set registry https://registry.npm.taobao.org
如果沒有很慢，就不要更改設定。
三、安裝vue-cli
vue教程
1 文檔：https://vuejs.bootcss.com/guide/deployment.html
2 視訊：https://www.bilibili.com/video/BV15741177Eh?from=search&seid=14301831892928171658
安裝指令：npm install -g @vue/cli
建立項目，基于vue 3.0：vue create hello-vue
啟動項目：
cd hello-vue
npm run serve
四、安裝element-ui
使用教程
1 文檔：https://element.eleme.cn/#/zh-CN/component/installation
2 視訊：https://www.bilibili.com/video/BV1NK4y187XH?from=search&seid=11474691672045299918
安裝指令：npm i element-ui -S
引入：在main.js中進行引入
import ElementUI from ‘element-ui’;
import ‘element-ui/lib/theme-chalk/index.css’;
import App from ‘./App.vue’;
Vue.use(ElementUI);