前端环境搭建---基于SpringBoot+MySQL+Vue+ElementUI+Mybatis前后端分离面向小白管理系统搭建

前端项目开发

(1)配置环境

依赖管理+设置环境变量适应开发环境

(2)文档

构建项目+启动项目+单元测试确保工作正常

(3)创建新模块

添加新的库定期维护脚手架

一:Node.js

1.1概述

1.2实例

(1)创建服务器-指定端口和主机名

(2)服务器接受请求-提供请求和响应对象

二:npm

2.1 npm init

(1)定义

初始化一个package.json文件,包含一些默认值

2.2 npm install express

(1)node_modules

包含所有通过npm安装的包及依赖项

(2)package.json

dependencies 或 devDependencies 字段中有列出你想要安装的包。

三:env.js

(1)自定义配置文件

(2)在应用中使用

四:Vue脚手架

4.1 初始化脚手架

(1)npm install -g@vue/cli

不用在官网点击下载按钮-得到.zip压缩包

安装后可在控制台使用vue目录

4.2 创建vue脚手架

(1)创建项目+启动项目

(2)测试

环境搭建完毕。

相关推荐
想做后端的前端1 小时前
WebGL实现FPS游戏
vue.js·游戏·webgl
英勇无比的消炎药4 小时前
TinyRobot v0.5.0 深度解读(三):Layout 组件——如何组织复杂工作区的页面布局
前端·vue.js
英勇无比的消炎药4 小时前
TinyRobot v0.5.0 深度解读(四):CLI 脚手架——从零搭建 AI 应用的工程化实践
前端·vue.js·github
李明卫杭州6 小时前
Vue3 响应式概念 ↔ React 对应方案(类组件与函数组件)对照笔记
前端·vue.js·react.js
英勇无比的消炎药6 小时前
拖文件进来会发生什么:TinyRobot DragOverlay 与 v-dropzone 协同指南
vue.js
Revolution616 小时前
reactive 对象重新赋值后,表单为什么没有恢复默认值
前端·vue.js·面试
古韵7 小时前
你的 uni-app 分页,一个 hook 搞定竞态和加载
javascript·vue.js·uni-app
亦暖筑序8 小时前
AgentScope-Java 入门:完善 Vue 前端、发布 GitHub,并规划下一步
java·前端·vue.js
YHHLAI9 小时前
Vue 3 流式输出实战:从零掌握 LLM Streaming 与 SSE 协议
前端·javascript·vue.js