Vue簡介：

通俗的來說Vue是前端框架，用來寫html的框架，可輕量級也可不輕量級

Vue特性：

繫結性，響應性，實時性，元件性

安裝軟體以及控制元件：

控制元件庫：element-ui

node.js (一定要安裝穩定的版本，測試版本有未知的bug)，安裝完成以後會有node,npm兩個程式

axios （用來傳送http請求）

一：建立djano專案

二：安裝node.js

https://nodejs.org/en/download/官網下載安裝包進行安裝

三：安裝vue.js

安裝完成後重啟編輯器，才可生效

安裝node.js完成以後，通過npm安裝vue-cli（腳手架）

通過命令：npm install -g @vue/cli 安裝

如果安裝過程中比較慢，則配置源進行重新安裝

npm config set registry https://registry.npm.taobao.org （配置taobao源）

四：建立Vue專案

進入django專案的同級目錄建立Vue專案

通過命令vue create vue_i_project建立

注：也可以進行default預設安裝

安裝完成以後執行Vue，測試是否成功安裝

可以執行npm run serve命令，也可以在pycharm編輯器執行

1：通過npm run serve命令執行

2：通過編輯器pycharm執行

五：在Vue專案中匯入element-ui

1：首先安裝element-ui

安裝完成以後在main.js檔案中修改檔案內容

新增：

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

六：安裝axios

通過命令安裝：npm install axios -s

全部軟體外掛安裝完成以後，可在package.json檔案中檢視安裝結果

至此Vue的安裝配置已經完成~~