前端工程化
16篇文章 · 0订阅
  • 学习如何编写 Shell 脚本（基础篇）
    如果仅仅会 Linux 一些命令，其实已经可以让你在平时的工作中游刃有余了。但如果你还会编写 Shell 脚本（尤其是前端工程师），它会令你“添光加彩”。 如果本文对你有所帮助，请点个👍 👍 👍 吧。 Shell 可以是一个程序，提供一个与用户对话的环境。这个环境只有一个…
    Shell
  • vue3关于addRoute添加动态路由不切换页面、页面空白的问题
    关于vue3的vue-router中的addRoute()动态添加路由时页面空白或者不切换的问题和解决办法
    Vue.js
  • 前端录屏+定位源码，帮你快速定位线上bug
    如何快速定位线上bug，是多数开发者都会遇到的难题 web-see 前端监控，提供了前端录屏+定位源码方式，让bug无处藏身
    前端 JavaScript 监控
    前端录屏+定位源码，帮你快速定位线上bug
  • 中高级前端必须掌握的package.json最新最全指南
    package.json 是一个用于描述和配置项目的重要文件，其中包含了许多字段和选项，可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和控制项目的行为。
    Webpack Vue.js 前端
    中高级前端必须掌握的package.json最新最全指南
  • 写一个同事见了会打你的 Prettier 插件
    最近写了一个 Prettier 插件，可以达到这样的效果： 同事每次保存代码的时候，import 语句的顺序都会随机变。 但是他去 prettier 配置文件里还啥也发现不了。 于是就会一脸懵逼。 那
    前端 JavaScript TypeScript
    写一个同事见了会打你的 Prettier 插件
  • unplugin-auto-import 和 unplugin-vue-components
    unplugin-auto-import：为 Vite、Webpack、Rollup 和 esbuild 按需自动导入 API。支持 TypeScript.........
    前端 掘金·金石计划 Vue.js
    unplugin-auto-import 和 unplugin-vue-components
  • 前端项目集成Vite配置一览无余！
    Vite配置文件 默认指定：vite.config.js。 自定义指定：vite --config 自定义名称.js。 Vite相关命令 查看Vite有哪些命令：npx vite -help。 vit
    Vite Vue.js TypeScript
    前端项目集成Vite配置一览无余！
  • 从零搭建属于你自己的前端规范+自动化部署
    哈喽大家好，我是Jiaynn~ 今天想要分享的是关于前端项目规范以及部署上线的整体流程，主要包含： 🌈 eslint、prettier 📦 husky 🛡 git-cz ⚙️ 基于 nginx 部署的
    前端 CI/CD
    从零搭建属于你自己的前端规范+自动化部署
  • 深入分析window.performance以及上报收集到数据（前端性能监控）
    Web Performance提供了可以通过的函数（performance 属性提供）测试当前网页或者 web应用的性能，获取更为精确的原始数据，以毫秒为单位。一般放在window.onload事件中
    性能优化 掘金·日新计划
    深入分析window.performance以及上报收集到数据（前端性能监控）
  • 最全的Eslint配置模板，从此统一团队的编程习惯
    随着项目的不断增加，急切需要统一每个项目的代码规范，将一些低级错误在萌芽状态下掐死。所以特此结合当前项目使用的一些规范，再根据社区推荐的规范，整合成这个repo。里面集成了React和Nodejs的编程规范，所有的规范都是基于airbnb，里面细分了js版本和ts版本，满足大家…
    ESLint