(简易)测试数据构造平台: 2 (vue-cli)

简介: (简易)测试数据构造平台: 2 (vue-cli)

【本节目标】:创建vue前端项目

【所需依赖】:vue3


   首先,打开cmd/终端,进入上节课创建的django项目根目录。然后开始新建vue项目。(位置在哪无所谓,实际上仍然是前后端分离开发)


   命令:

image.png

   其中 v_project 是我起的名字。


   回车后进入选择界面,按照我的选择开始:

image.png

   选第二个,上下键控制,回车确定。意思是自定义配置



image.png

     空格键选择 Router 和 Babel 即可。别的都不要,以后需要的话再加就行。


   

image.png

输入n 回车。


image.png

选第二个 回车


image.png

输入n 回车。意思是不用保存成默认。


关于具体这些上面的选项都是干嘛的,有精力的小伙伴可以去百度仔细研究一下。


但是我个人不推荐现在就去研究那么多用不到的,因为你如果还没接触过vue那么大概率也看不懂这些配置是什么意思,提前看只是浪费时间而已,当你看了好几天也一知半解的时候,别的小伙伴已经把平台做完了,这些配置甚至早都自悟出来了。


毕竟,学习是有取舍的,知识点也是有轻重缓急 之分,你的精力并不是无限的,每个人的精力总量也都差不多。聪明人只是善于利用自己的时间和精力,能明白怎么做减法而已。


  此时系统会开始缓慢读条创建这个vue项目,我们等待即可...


image.png

创建好之后,我们可以清晰的看到这个v_project了。


进入这个文件夹,输入命令:

npm run serve

image.png

显示:

image.png


意思就是vue项目成功启动了,然后我们就要打开上面给的网址和端口号,来验证一下是真的启动了么?(2个网址一个意思)


 http://localhost:8080/ 



看到下面这个页面 即代表vue前端项目 单独启动成功。

image.png


之后我们就在这个项目内单独进行前端开发,需要的一切数据都可以利用http请求后台服务来获取。


好了,本节课任务结束。下节课,对两个项目进行初始化设置和解决跨域问题!


相关文章
|
10天前
|
监控 安全 测试技术
构建高效的精准测试平台:设计与实现指南
在软件开发过程中,精准测试是确保产品质量和性能的关键环节。一个精准的测试平台能够自动化测试流程,提高测试效率,缩短测试周期,并提供准确的测试结果。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
45 1
|
28天前
|
人工智能 监控 测试技术
云应用开发平台测试
云应用开发平台测试
44 2
|
30天前
|
存储 测试技术 数据库
数据驱动测试和关键词驱动测试的区别
数据驱动测试 数据驱动测试或 DDT 也被称为参数化测试。
|
10天前
|
监控 安全 测试技术
构建高效精准测试平台:设计与实现全攻略
在软件开发过程中,精准测试是确保产品质量的关键环节。一个高效、精准的测试平台能够自动化测试流程,提高测试覆盖率,缩短测试周期。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
31 0
|
1月前
|
SQL 分布式计算 Hadoop
Hadoop-14-Hive HQL学习与测试 表连接查询 HDFS数据导入导出等操作 逻辑运算 函数查询 全表查询 WHERE GROUP BY ORDER BY(一)
Hadoop-14-Hive HQL学习与测试 表连接查询 HDFS数据导入导出等操作 逻辑运算 函数查询 全表查询 WHERE GROUP BY ORDER BY(一)
38 4
|
1月前
|
SQL 消息中间件 大数据
大数据-159 Apache Kylin 构建Cube 准备和测试数据(一)
大数据-159 Apache Kylin 构建Cube 准备和测试数据(一)
50 1
|
1月前
|
SQL 大数据 Apache
大数据-159 Apache Kylin 构建Cube 准备和测试数据(二)
大数据-159 Apache Kylin 构建Cube 准备和测试数据(二)
75 1
|
1月前
|
SQL
Hadoop-14-Hive HQL学习与测试 表连接查询 HDFS数据导入导出等操作 逻辑运算 函数查询 全表查询 WHERE GROUP BY ORDER BY(二)
Hadoop-14-Hive HQL学习与测试 表连接查询 HDFS数据导入导出等操作 逻辑运算 函数查询 全表查询 WHERE GROUP BY ORDER BY(二)
33 2
|
1月前
|
存储 SQL 分布式计算
大数据-135 - ClickHouse 集群 - 数据类型 实际测试
大数据-135 - ClickHouse 集群 - 数据类型 实际测试
35 0
|
6天前
|
JSON Java 测试技术
SpringCloud2023实战之接口服务测试工具SpringBootTest
SpringBootTest同时集成了JUnit Jupiter、AssertJ、Hamcrest测试辅助库,使得更容易编写但愿测试代码。
34 3

热门文章

最新文章