vscode:常用命令(运行项目,打包等)及融合后端springboot项目

本文详细介绍如何在本地环境中安装Node.js、npm及cnpm,随后进行项目依赖安装与项目运行。文中还提供了运行和打包项目的命令,以及如何将前端项目与后端如SpringBoot项目融合的具体步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

环境:安装node.js,安装npm,cnpm,安装项目依赖并运行项目

参考:https://segmentfault.com/a/1190000013950461

运行项目 :npm run dev 
打包项目:npm run build

注意:打包后项目目录中会自动生成dist文件夹,如图:

index.html放入static文件夹,和后端融合,则需要将static整个目录放入后端如springboot的web项目的resource文件目录下

如下图:

《Web 技术及应用课程设计》 一、课程设计目的 学生能够根据网站要求展开需求分析,开展网页功能及界面设计,学会 Web 各控件的使用及配置,掌握服务器端程序和客户端程序的编写方法。培养学生在 Web 开发领域的实际能力和技能,通过实际操作和项目实践,学生可以掌握 Web 开发的基本原理和方法,熟悉常用的开发工具和技术,提高自己在 Web 开发方 面的综合能力。 二、课程设计内容 1. 任务说明 《Web 技术及应用课程设计》要求完成 Web 应用系统设计开发,任务要求为 2 人一组,每个小组选择不同的题目,可以在指导老师同意后自主选择题目。 2. 任务要求 (1)各组确定项目需求后,进行分工合作。 (2)软件开发,使用 Visual Studio 完成。 (3)各组完成项目后,需要进行展示和答辩。 (4)撰写报告,包含:任务说明、功能定义(包含功能流程图)、页面设计 (可使用 Visio 或 Word 绘制页面原型)、代码及相关注释、程序运行界面截图及 功能使用说明等。 (5)每位同学提交的报告必须有差异,可以按不同模块撰写。每位同学对提 交的程序要清楚代码含义。如发现文档雷同,当事双方一律按课程不及格处理。 3. 选题举例 (1)旅游网站:分为游客和管理员两类角色,游客可以查看旅游线路、查看 景点介绍、预订线路、评价线路等,管理员可以管理旅游线路、确认线路订单、 评价回复等。 (2)图书馆图书管理系统:完成注册、登录,图书列表、图书详情页及说明、 用户借还书功能、用户持有图书列表、用户消息列表页面等等。 (3)新闻门户网站:头条新闻版块、国内新闻版块(含社会热点新闻、体育 新闻、娱乐新闻、财经新闻等)、国际新闻版块等等。 (4)在线考试系统:完成注册、登录、考试题目录入、实时考试、自动成绩 输出及题目正确与否比对等。 (5)影院信息管理系统:影院介绍、影片列表、影片介绍、在线购票、用户 登录、用户注册、用户订单管理等。
最新发布
06-24
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值