前端环境搭建---基于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)测试

环境搭建完毕。

相关推荐
@yanyu6668 小时前
04vue3基础
前端·javascript·vue.js
SuperEugene8 小时前
Vue3 Props 传参实战规范:必传校验 + 默认值 + 类型标注,避开 undefined / 类型混用坑|Vue 组件与模板规范篇
前端·javascript·vue.js·前端框架
Luna-player8 小时前
npm install vue-awesome-swiper@5.0.1 swiper@7.4.1安装后,我又想全删了,怎么移除
前端·vue.js·npm
隔壁小邓9 小时前
vue如何拆分业务逻辑
前端·javascript·vue.js
SuperEugene9 小时前
Vue3 + Element Plus 表单校验实战:规则复用、自定义校验、提示语统一,告别混乱避坑|表单与表格规范篇
开发语言·前端·javascript·vue.js·前端框架
SuperEugene9 小时前
Vue3 + Element Plus 表格查询规范:条件管理、分页联动 + 避坑,标准化写法|表单与表格规范篇
开发语言·前端·javascript·vue.js·前端框架
optimistic_chen9 小时前
【Vue3入门】Pinia 状态管理 和 ElementPlus组件库
前端·javascript·vue.js·elementui·pinia·组件
哥本哈士奇9 小时前
Vue 3 快速入门:从零搭建前后端 CRUD 应用
前端·javascript·vue.js
SuperEugene9 小时前
Vue3 组件拆分实战规范:页面 / 业务 / 基础组件边界清晰化,高内聚低耦合落地指南|Vue 组件与模板规范篇
前端·javascript·vue.js·前端框架
还是大剑师兰特17 小时前
Vue3 中的 defineExpose 完全指南
前端·javascript·vue.js