开发工具IDE #

vscode 官网下载，前端标配不用多说， 编辑器配置文件请参考附录

webstorm 官网下载，功能全且强大，自带git版本管理工具

系统环境 #

开发环境：mac/windows，nodejs v16.13.0+

生产环境：centos7/8，ubuntu14.04/16.04，nginx v1.12.0+

前端框架 #

1. vue 2.x / vue 3.x - B端pc或移动端spa应用
2. uni-app - 适用跨端h5和小程序
3. Astro / Nuxt 3.x - ssr应用或官网
4. flutter - 适用原生ui或混合app
5. vitepress - 文档项目生成器

前端自动化打包工具 #

• vite 新业务框架的构建工具，当前业界比较火
• webpack vue2项目的构建工具
• tsup 适用于npm包开发的轻量级、快速打包工具

业务开发框架模板 #

1. v3-admin-template vue3 admin项目模板 仓库地址
2. v3-mobile-template vue3 移动端项目模板 仓库地址
3. v3-mobile-i18n 移动端项目模板-国际化版 仓库地址
4. v3-mobile-monorepo 业务型monorepo 仓库地址
5. v3-admin-qiankun 基于qiankun的微前端后台系统工程模板 仓库地址

CSS框架 #

• less css预处理语言
• windiCSS 提供功能类的css框架

测试框架 #

• vitest - 适用单元测试、组件测试
• selenium-webdriver - e2e测试

常用js函数库 #

• lodash 实用js工具库
• decimal.js 高精度处理数字运算库
• dayjs 时间操作

常用前端插件 #

• echarts 开源可视化图表库
• G6 图可视化引擎
• D3 自由度很高的可视化库
• axios 网络请求库
• pinia 更好支持vue3的状态管理器
• vue-i18n 多语言切换
• html2canvas html转canvas生成图片
• tinymce 富文本编辑器
• vconsole 手机端开发调试工具