脚手架工具的应用(前端和后端搭建)

前端

一、安装 Node.js 环境

使用npm下载镜像

查看镜像:npm config get registry

切换淘宝镜像:npm config set registry https://registry.npmmirror.com

还原镜像:npm config set registry https://registry.npmjs.org

二、使用 Vue.js 脚手架工具Vite

相比Vue CLI,Vite是一款更新的Vue.js脚手架工具。是下一代的前端工具链。

Vite本身并不像Vue CLI那样功能大而全,它只专注于提供基本构建的功能和开发服务器。因此Vite更加小巧迅捷,其开发服务器会比Vue CLI的开发服务器快10倍左右,这对开发者来说太重要了,开发服务器的响应速度直接会影响到开发者的编程体验和开发效率。对于非常大型的项目来说,可能会有成千上万个JavaScript模块,这时构建效率的速度差异就会非常明显。

创建Vite工程命令:npm create vite@latest

项目创建完之后,

cd到目标目录。然后npm install构建项目,最后npm run dev

这就是前端的目录结构。

后端

一、使用 Express 项目生成工具

基于 Node.js 平台,快速、开发、极简的 WEB 开发框架

首先需要安装一个脚手架工具来帮助创建Express项目。在终端执行如下指令来全局安装一个 Node.js 工具包:

npm install --g yo generator-express-no-stress-typescript

generator-express-no-stress-typescript是一款开源的适用于Express框架的脚手架工具,它会帮助我们生成一个集开发服务器、交互式文档、结构化日志等功能一体的Express项目。

创建一个Express下的 HelloWorld 项目:

yo express-no-stress-typescript 1-HelloWorld-backend

安装过程出现选项选默认,一路Enter过去就行

使用generator-express-no-stress-typescript脚手架会自动帮助我们生成API接口文档页面

接下来,cd到目标目录。然后npm install构建项目,最后npm run dev,后端就创建好了

相关推荐
kyriewen8 小时前
微软用Go重写TypeScript编译器,速度提升10倍,网友:这是“背叛”还是“救赎”?
前端·typescript·ecmascript 6
Ceelog8 小时前
久坐党自救指南:屏幕前 8 小时,身体到底在经历什么
前端·后端
西陵8 小时前
Agent 为什么会陷入 Doom Loop?OpenClaw 的破解之道
前端·人工智能·ai编程
Hyyy9 小时前
普通前端续命周报——第2周
前端
wuxinyan1239 小时前
工业级大模型学习之路030:Streamlit 企业级智能体前端工作台
前端·学习·streamlit·智能体
修己xj9 小时前
告别无效刷屏!TrendRadar:最快30秒部署的开源热点助手,让你只看真正关心的新闻
前端
anOnion10 小时前
构建无障碍组件之Slider Pattern
前端·html·交互设计
云水一下10 小时前
JavaScript 从零基础到精通系列:前世今生与编程启蒙
前端·javascript
月亮邮递员61610 小时前
Markdown语法总结
开发语言·前端·javascript
Kurisu57510 小时前
雾锁王国修改器下载2026最新
前端·修改器代码