从零开始一步一步搭建前端项目

从零开始一步一步搭建前端项目

从零开始一步一步搭建前端项目

从零开始一步一步搭建一个精简的前端项目。技术栈：Vue3.0+Vite+TypeScript+Element Plus+Vue Router+axios+Pinia 规范化：Eslint+Airbnb JavaScript Style+husky+lint-staged 包管理：yarn

等 35 人订阅共8篇文章创建于2022-02-24

从零开始搭建前端项目八（登录流程）

在项目中实现基于后台安全框架spring security的登录模拟，在axios中封装加入token认证功能，以及应对简单漏扫和审计的密码哈希方案，最后简单介绍密码的哈希处理。

3年前
2.5k
15
5

从零开始搭建前端项目七（pinia）

介绍轻量级状态管理库pinia，针对本项目的引入，创建，优化，使用和打包。参考了南山种子外卖跑手的Pinia进阶：优雅的setup（函数式）写法+封装到你的企业项目。

3年前
925
点赞
4

从零开始搭建前端项目六（axios+mock）

本篇介绍了在开发过程中如何使用mock模拟网络请求，封装axios，使用await-to-js更优雅地处理网络请求。

3年前
4.5k
42
3

从零开始搭建前端项目五（vite.config.ts优化）

介绍了如何优化vite.config.ts配置，自动按需引入vue，vue-router，pinia的api、自动按需引入组件，启动项目优化速度，监听配置文件修改并重新加载页面。

3年前
3.6k
14
7

从零开始搭建前端项目四（Vue Router）

本篇介绍了如何将Vue Router引入项目，并实现编程式导航，介绍了项目关于前端路由的后续实现思路。介绍了vite-plugin-vue-setup-extend插件，帮助我们命名组件。

3年前
1.1k
1
评论

从零开始搭建前端项目三（Element Plus）

按照ElementPlus官网配置自动按需引入项目，vite按需导入时自定义主题，修改主题样式，并配置中文。

3年前
2.5k
4
评论

从零开始搭建前端项目二（husky+lint-staged）

使用husky + lint-staged实现了在提交代码前进行ESLint校验，从而保证提交到Git的代码都是统一的代码约束和风格。

3年前
1.3k
3
评论

从零开始搭建前端项目一（Vue3+Vite+TS+Eslint+Airbnb+prettier）

新建一个Vue3+Ts的项目，并使用Eslint和prettier在本地开发环境进行代码约束和风格统一。

3年前
3.7k
16
4