首页 > 其他分享 >springboot+vue前后端分离项目-vue项目搭建

springboot+vue前后端分离项目-vue项目搭建

时间:2024-06-10 16:57:54浏览次数:22  
标签:npm vue springboot 项目 配置 启动 官网

1.vue.js官网学习vue的语法等知识,有html、css、JavaScript基础。

vue官网:https://cn.vuejs.org

2.下载node.js,使用其中的npm包管理工具构建vue项目,npm管理依赖,类似maven,node-v查看版本,建议14以上

nodejs官网:https://nodejs.org/zh-cn/

3.cmd到项目路径下,npm -v检查npm版本,npm install -g @vue/cli,安装vue脚手架,vue create创建vue项目

 配置选择

 选择如下四个,取消Linter

 vue版本选3.x

 使用history mode,输入y

选择如下

 保存配置,第一次可以y,已保存过可以n

 创建成功日志

 运行项目

 启动成功日志

 登录页面测试

 ctrl+c,y,关闭运行的项目

 4.vue项目开发使用idea,也可使用vscode,看习惯,vue项目文件夹拖到idea里启动即可,配置启动项

配置保存后,点运行,可快速启动项目

 启动后自动跳转到页面配置

 

标签:npm,vue,springboot,项目,配置,启动,官网
From: https://www.cnblogs.com/xiexieyc/p/18240767

相关文章

  • 架构设计-web项目中跨域问题涉及到的后端和前端配置
    WEB软件项目中经常会遇到跨域问题,解决方案早已是业内的共识,简要记录主流的处理方式:跨域感知session需要解决两个问题:1.跨域问题2.跨域cookie传输问题跨域问题解决跨域问题有很多种方式,如使用springboot自带的crossOrigin注解@CrossOrigin(origins={"*"},allowedHe......
  • 【Java】SpringBoot 实现文件的上传与下载、日志记录、参数校验等(含代码示例)
    ......
  • Vue2学习二-Vue核心(事件处理)
    目录7.事件处理7.1事件的基本使用7.2事件修饰符7.3键盘事件7.事件处理7.1事件的基本使用<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>事件的基本使用</title> <!--引入Vue--> <scripttype="text/javascript"......
  • 1900springboot VUE 生态菜园管理系统开发mysql数据库web结构java编程计算机网页源码m
    一、源码特点 springbootVUE生态菜园管理系统是一套完善的完整信息管理类型系统,结合springboot框架和VUE完成本系统,对理解JSPjava编程开发语言有帮助系统采用springboot框架(MVC模式开发),系统具有完整的源代码和数据库,系统主要采用B/S模式开发。前段主要技术vue 后端主......
  • Vue TypeScript 实战:掌握静态类型编程
    title:VueTypeScript实战:掌握静态类型编程date:2024/6/10updated:2024/6/10excerpt:这篇文章介绍了如何在TypeScript环境下为Vue.js应用搭建项目结构,包括初始化配置、创建Vue组件、实现状态管理利用Vuex、配置路由以及性能优化的方法,旨在提升开发效率与应用性能。categ......
  • 【esp32 项目】中断读取按键
    原理图:图 按键部分图 单片机部分程序:KEY_USR 引脚配置成上拉输入在Arduino中,配置一个IO为上拉输入可以使用pinMode()函数和digitalWrite()函数。pinMode()函数用于设置引脚模式,而digitalWrite()函数用于设置上拉电阻。以下是一个示例代码,展示如何将Arduino的数字引脚3配......
  • SpringBoot个人网盘系统-计算机毕业设计源码92922
    摘 要随着科学技术的飞速发展,社会的方方面面、各行各业都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势或改善自身的缺点,互联网的发展文件管理带来了福音。个人网盘系统是以实际运用为开发背景,运用软件工程原理和开发方法,采用Java技术构建的一个线上系统。整个......
  • springboot高校运动会信息管理系统设计与实现-计算机毕业设计源码92968
    摘 要本论文介绍了一个高校运动会信息管理系统的设计和实现过程。首先是高校运动会的需求分析和可行性分析,通过比较运动会的各个工作流程,确定了系统的数据流程和数据库结构,然后介绍了高校运动会信息管理系统开发所使用的软件开发工具,最后描述了系统的详细设计与实现。本系统......
  • 视频号最新蓝海项目!肉多狼少!
    视频号作为微信推出的新功能,用户基数庞大,且目前正处于快速增长期。与抖音和快手相比,视频号的成交体量虽然尚未超越,但其增长速度和潜力不容小觑。随着市场逐渐饱和,抖音的利润率正在下降,而视频号作为新兴平台,竞争较小,利润率高,增长空间巨大。本期我们介绍一个视频号的最新玩......
  • C#项目实战
    事件publicdelegatevoidNumManipulationHandler(NumEventArgse);//基于上面的委托定义事件publiceventNumManipulationHandlerChangeNum;publicclassProgram{publicstaticvoidMain(){NumEventeven=newNumEvent(0);......