前后台分离开发

前后台分离开发摘要

本文介绍了前后台分离开发的概念、前端工程化、NodeJS安装步骤及Vue项目创建过程。

1. 前后台分离开发介绍

前后台分离开发相较于前后台混合开发，减少了沟通成本，明确了分工，易于管理和维护。开发者在前后台分离模式下遵循流程：需求分析、接口定义、并行开发、测试及联调测试。

2. 前端工程化

前端工程化旨在规范化和标准化工具、技术、流程和经验，以提升开发效率。其特点包括模块化、组件化、规范化和自动化。通过学习Vue的脚手架，可以实现前端的工程化。

3. NodeJS安装

NodeJS作为前端工程化的环境，需要安装才能使用Vue-cli脚手架。安装步骤包括双击安装文件、选择安装目录、验证环境变量、配置npm全局路径、切换npm镜像至淘宝源，最后安装Vue-cli。

4. Vue项目-创建

Vue项目可以通过命令行或图形化界面创建。图形化界面更友好，创建步骤包括打开UI界面、创建项目。创建后的项目包含标准目录结构，并可以通过VS Code运行。若8080端口被占用，可修改启动端口为其他值。

4.4. 修改启动端口

修改启动端口通过更改vue.config.js文件实现，并需重启服务器。NPM脚本窗口通过VS Code用户设置调出。

想要了解更多内容？

查看原文：前后台分离开发

文章来源：

springboot葵花宝典

扫码关注公众号