自动化测试平台（Vue前端框架安装配置）

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