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的安裝配置已經完成~~