自动化测试平台(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的安装配置已经完成~~
最新文章
- spring常用注解
- LoadRunner之篇
- 9×9扫雷游戏代码-C写的
- 用命令实现SQLServerr的备份与还原
- winform学习之----将多个控件的click方法绑定到同一click方法中
- hdu 4619 最大匹配问题
- CentOS下用Tomcat+Zookeeper+Nginx+Solr完美搭建SolrCloud平台(五)
- 第四节:教你如何快速让浏览器兼容ES6特性
- Children’s Queue HDU 1297 递推+大数
- HTML5 实现拖拽
- ZOJ 1649:Rescue(BFS)
- MVC ValidationAttribute 服务器端自定义验证
- jQuery动态生成不规则表格前后端
- 201521123054 《Java程序设计》 第2周学习总结
- 由会话信息保存认识ThreadLocal
- 得到本地电脑IP4地址
- Dangerous well
- 操作失败: 无法更改关系,因为一个或多个外键属性不可以为 null
- CocosCreator弹窗处理
- LIS最长上升子序列三种方法 (模板)