自動化測試平台(Vue前端框架安裝配置)


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

 


免責聲明!

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



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