自动化测试平台(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的安装配置已经完成~~