通过vue ui创建项目

确认前端环境都安装好之后 打开黑窗口 输入 vue ui

会打开一个vue的网页 在此创建项目 可以选择在那个路径创建

这是我的项目配置

这里是选择vue版本 我要用的是vue2 选好点击创建项目就好了

创建好后的重点的目录结构以及结构的作用

启动前端工程 将创建好的项目导入编译器 我这用的是vscode

按ctrl j键打开终端 输入npm run serve 启动服务器

这的serve指的是package.js 里边的这个serve ,表示执行这里边的脚本

注意 因为这里占用的端口是8080 与后端的服务器有冲突 所以我们要修改一下端口号

在vue.config.js中加入代码 重新npm run serve 就好了

module.exports = defineConfig({transpileDependencies: true,devServer: {port: 7070}
})

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/727917.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

跨境干货 | 想“躺平式”经营?TikTok Shop全托管模式入驻了解一下!

在当前跨境电商出海模式不断升级的背景下,全托管模式已经成为各类平台的标准配置。其中,TikTok全托管模式已经上线运行有很长一段时间了,这个模式下,主打一个“仅供货、免运营”,它降低了商家进入和运营TikTok市场的门…

基于51单片机的羽毛球计分器设计与实现

基于51单片机的羽毛球计分器设计与实现 摘要: 本文介绍了一种基于51单片机的羽毛球计分器设计方案。该计分器能够实时记录并显示双方选手的得分,同时提供了一些附加功能如计时、犯规计数等。本文首先简要介绍了羽毛球计分器的背景和需求,然后…

EMC电磁兼容学习之1

1)常用器件如压敏电阻,气体放电管,等等的参数及使用 所有EMC问题,都是总结为公共阻抗耦合问题 federal [ˈfedərəl] 联邦的 常用器件:TVS GDT SPG MOV TSS PPTC GDT 经历三个放电过程:火花放电区 辉光放…

liunx操作系统 环境变量

环境变量 main函数参数 命令行参数环境变量 环境变量的查看环境变量的获取 main函数参数 命令行参数 main函数是有参数的,只是我们一般不适用 这是main函数从bash中读取进程数据使用的一个基本入口。 下面进行简单演示。 o 好oo都是我们输入的命令行参数。其实&a…

【Linux】开始使用gdb吧!

开始使用gdb吧! 1 下载安装2 开始使用3 实践运用补充一下 print 的 功能 (类似监视窗口的作用)和显示堆栈的功能Thanks♪(・ω・)ノ谢谢阅读!!!下一篇文章见!&am…

【程序人生】探索2024年AI辅助研发趋势

目录标题 探索2024年AI辅助研发趋势一、AI在编码中的应用智能代码生成助力开发错误检测与修复的即时反馈性能优化的智能建议 二、AI驱动的自动化工具三、AI与团队协作四、未来展望结语 探索2024年AI辅助研发趋势 随着人工智能技术的迅速发展,AI在各个领域的应用正日…

虽说主业搞前端,看到如此漂亮的网页UI,也是挪不开眼呀。

漂亮的网页UI能够吸引人的眼球,给人留下深刻的印象。作为前端开发人员,可以通过不断学习和掌握设计技巧和工具,提升自己的UI设计能力,为用户提供更好的视觉体验。 以下是一些提升网页UI设计能力的建议: 学习设计基础知…

仿牛客网项目---消息队列的实现

本篇文章讲一讲我们的项目中用到的消息队列。 1.阻塞队列 2.kafka 我的项目为什么要用消息队列? 如果采用消息队列,那么评论、点赞、关注三类不同的事,可以定义三类不同的主题(评论、点赞、关注),发生相应…

关于C/C++ riscv64、mipsel 平台标准库 std::atomic<T> 原子变量编译失败问题解决

RISCV64 适用 C/C STL 平台原子变量链接不上的问题,可以看下之前写的这篇文章。 RISC-V平台 std::atomic<T> 编译失败问题解决-CSDN博客 mipsel 平台上面也可以按照这个方式解决,在 mipsel 平台上面没法使用 8字节的STL原子变量&…

游戏盾如何应对微商城网站DDoS攻击

游戏盾如何应对微商城网站DDoS攻击?随着电子商务的快速发展,微商城网站已成为众多商家开展在线业务的重要平台。然而,与此同时,网络安全威胁也愈发严重。其中,分布式拒绝服务(DDoS)攻击是一种常…

AI Agents之CrewAI智能体开发框架

一、前言 AI Agents 的开发是当前软件创新领域的热点。随着大语言模型 (LLM) 的不断进步,预计 AI 智能体与现有软件系统的融合将出现爆发式增长。借助 AI 智能体,我们可以通过一些简单的语音或手势命令,就能完成以往需要手动操作应用程序才能…

性能测试之性能调优

🍅 视频学习:文末有免费的配套视频可观看 🍅 关注公众号【互联网杂货铺】,回复 1 ,免费获取软件测试全套资料,资料在手,涨薪更快 性能测试是通过模拟实际使用场景,对系统进行压力测试…

leetocode1047.删除字符串中的所有相邻重复项

思想:使用栈来存储最近访问过的元素。string尾部就是栈顶,可访问最近访问过的字符,后入先出。具体思想直接参考 【栈的好戏还要继续!| LeetCode:1047. 删除字符串中的所有相邻重复项】 string方法API,记住…

学习Android的第二十五天

目录 Android TextWatcher 范例 参考文档 Android 消息传递 - Handler Handler的工作机制 Handler 方法 范例 参考文档 Android AsyncTask 异步任务 什么是多线程 同步与异步 Android 为什么要引入异步任务 AsyncTask AsyncTask 方法与流程 范例 参考文档 Andr…

【华为OD机试】最多购买宝石数目【C卷|100分】

【华为OD机试】-真题 !!点这里!! 【华为OD机试】真题考点分类 !!点这里 !! 题目描述: 橱窗里有一排宝石,不同的宝石对应不同的价格, 宝石的价格标记为gems[i],0<=i<n, n = gems.length 宝石可同时出售0个或多个,如果同时出售多个,则要求出售的宝石编号连续; 例如…

片上网络(NoC)技术的发展及其给高端FPGA带来的优势

片上网络(NoC)技术的发展及其给高端FPGA带来的优势 1. 概述 在摩尔定律的推动下,集成电路工艺取得了高速发展,单位面积上的晶体管数量不断增加。 片上系统(System-on-Chip,SoC)具有集成度高、功耗低、成本低等优势,已经成为大规模集成电路系统设计的主流方向,解决了…

java017 - Java抽象类

1、概述 一般情况&#xff0c;动物是抽象的&#xff0c;所以不能被new,比如你在Animal类中定义一个成员方法eat,你不能定义具体内容&#xff0c;比如吃鱼或者吃白菜&#xff0c;因为动物是抽象的。 一个没有方法体的方法&#xff0c;应该定义为抽象方法&#xff0c;而类中如果…

I’m stuck!(CCF201312-5)解析(java实现)

代码 package test_201312;import java.util.Scanner;/** 201312-5 试题名称&#xff1a; I’m stuck! 时间限制&#xff1a; 1.0s 内存限制&#xff1a; 256.0MB 问题描述&#xff1a; 问题描述给定一个R行C列的地图&#xff0c;地图的每一个方格可能是#, , -, |, ., S, T七…

Oracle控制文件control file(1)控制文件概述

导读 本文介绍Oracle数据库控制文件control file相关内容 1、控制文件概述 控制文件是数据库中非常重要的一类文件&#xff0c;它记录的当前实例连接的数据库的结构和行为&#xff0c;并维护数据库的一致性。 初始化参数文件中定义了控制文件的位置&#xff1b; 控制文件是很…

抖音短视频小程序发布招聘让招聘更简单!

抖音短视频小程序怎么发布招聘信息呢&#xff1f; 据2023年初统计&#xff0c;全国已有人力资源机构6.3万家&#xff0c;其中在抖音短视频平台发布的人力资源公司有1.9万家以上&#xff0c;全国有近几千家大型企业已经通过抖音平台进行岗位直招。 抖音目前已经成为短视频流量…