前端开发风格指南

前言本约定不是固执己见的,均收集于社区主流规范和 vue 官方风格指南。 更细粒度风格指南请看:这里是官方的 Vue 特有代码的风格指南 虽然学习和遵守规范的过程可能有些痛苦,但我坚信它会对你的开发生涯带来巨大的好处。请不要排斥规范,因为它能够让你编写出更优雅的代码,给你带来身心愉悦。合理的规范有助于团队之间更好地沟通协作,提高开发效率,并且能够早期发现潜在的 BUG 和错误。 了解前端工程...

发布于 前端工程化

前端工程化配置(下) 规范仓库提交记录 commitlint + commitizen + cz-git + 配置

前言 随着多人开发团队推进着前端工程化的不断发展,团队规范与项目系统化配套工具链条也在不断诞生。 从 lerna 或到最近兴起的 pnpm 管理 monoreo workspace。 eslint 配合 pretter 确保团队代码格式统一性。 commitizen 配合 commitlint 与 lint-staged 与 husky 之间的配合,把关最后提交代码质量与 commit 信息...

发布于   更新于 前端工程化

前端工程化配置(上) 构建代码检查工作流:husky + lint-staged 配置

前言在团队开发时,为了保证每个人提交的代码格式统一,采用 husky + lint-staged 配置 git hooks,自动触发格式化操作,对通过 git add 命令添加到暂存区的代码进行格式化。 概念什么是 git hook在介绍 husky 之前,我们先来看什么是 git hook,也就是常说的 Git 钩子。 和其它版本控制系统一样,Git 能在特定的重要动作发生时触发自定义脚本...

发布于   更新于 前端工程化

包管理操作笔记

安装项目依赖npm / cnpm / pnpm12345678910npm install [package]// 简写npm i [package]// 安装指定版本npm i[package]@[version]npm i [package]@[tag]// 全局安装依赖npm i -g [package] yarn12345678910111213141516//...

发布于   更新于 前端工程化

vscode for vue 配置 eslint + prettier + stylelint

简介ESLint ESLint 由 Nicholas C. Zakas (《JavaScript 高级程序设计》作者) 于2013年6月创建,它的出现因为 Zakas 想使用 JSHint 添加一条自定义的规则,但是发现 JSHint 不支持,于是自己开发了一个。 ESLint 号称下一代的 JS Linter 工具,它的灵感来源于 PHP Linter,将源代码解析成 AST,然后检测 ...

发布于 前端工程化