前端工程化系统教程
文章平均质量分 96
使用vite + vue 实现一个系统的前端工程化项目
我有一棵树
这个作者很懒,什么都没留下…
展开
-
前端必须的服务端项目,node + express (这篇文章就够用)包含源代码
好了,现在我们有一个完美的服务端项目了,以后我们可以用这个项目写很多服务端的代码。本篇文章的全部流程如下:我的仓库地址如下内容比较多,难免疏漏,有不对的地方欢迎评论区指出。这是一个系列的教程,正在持续更新中,欢迎大家关注我的专栏《前端工程化系统教程我还有另外一个正在更新的专栏《一网打尽面试题》会总结所有的面试题。原创 2023-12-28 16:51:48 · 1190 阅读 · 0 评论 -
完整的 nuxt3 + vue + ts 服务端渲染项目搭建教程,克隆就能用,新手必学,建议收藏
在我的 《前端工程化系统教程》用了3篇文章,来详细讲解vite + ts +vue3 项目的搭建流程,本篇文章的内容是,搭建服务端渲染的 Nuxt3 项目。有很多内容和在 vite 项目中有重叠,所以可能不够详细,大家可以参考之前的文章。vite 是打包工具,nuxt3 也是基于 vite的一个框架,所以二者大同小异。项目的完整的流程图如下整篇文章结束,一个完整的 nuxt3 + vue + ts 项目搭建完成,已经可以正常使用了。原创 2023-12-21 19:11:14 · 2626 阅读 · 8 评论 -
一篇文章教小白学会搭建 vite + ts + vue3 项目,手把手教程,不会算我输(第一篇)
【前端工程化实践】手把手教小白搭建 vite + ts + vue3 项目原创 2022-12-29 14:05:03 · 17144 阅读 · 12 评论 -
完整的vite + ts + vue3项目,克隆就能用,傻瓜式保姆教程(第二篇)
这篇文章是在之前的这篇小白教程的基础上进行的,建议先完成之前的文章的学习。请去我的gitee仓库拉取代码,代码相对于小白教程的文章有部分优化内容(下图),在教程中没有详细指出,可以参照提交记录学习。ts 项目都需要一个 typing.d.ts 进行类型定义(1)在 service 下面增加 apiList.ts 存放系统中所有的请求地址(2)在 apiList.ts 中随便定义接口(3)源代码// 系统中所有请求的接口// 还可以这样分成功能模块user: {},(4)提交代码。原创 2023-12-18 16:28:40 · 1760 阅读 · 1 评论 -
完整的 vite + ts + vue3 项目,所有常用的方法一览,全部流程已完结(第三篇)
在看这篇文章之前,请先看之前两章的内容,分别是项目搭建和请求封装,本篇文章是在前两篇文章基础上进行的,这篇文章是整个 vite + ts + vue3 项目的完结篇。在第二篇文章中我们提到还剩两部分的内容没有写,一个是公共工具方法,一个是项目部署,这两部分也是这篇文章的主要内容。在开始之前,请去仓库克隆代码,本篇文章是在这个提交的基础上进行的,建议在这个提交记录新建新分支然后开始一步一步的学习。在 src/global 下新建文件 file.ts和 5.1 中的单个文件差不多,只是多了个参数。原创 2023-12-19 11:24:35 · 1259 阅读 · 1 评论