前端企业级项目规范
文章平均质量分 90
从自己的ui库组件规范,代码规范,文件规范,提高工作效率等方面出发
孤影_ls
Html Css JavaScript
展开
-
Tailwind CSS快速入门
Tailwind css 对比传统css css in js 安装流程 书写技巧 速查手册原创 2024-05-24 01:00:03 · 1653 阅读 · 0 评论 -
vscode代码注释和文件头部描述注释
代码注释 单行、多行、jsdoc注释 特殊标记注释 todo等 vscode注释快捷键 vscode注释插件原创 2024-03-26 10:48:03 · 7688 阅读 · 0 评论 -
前端企业级代码规范(巨详细)
前端规范目的是什么提高团队开发效率。有利于项目的后期维护。良好的代码规范,不仅能够让代码简洁清晰,还可以减少 bug 的出现,更能够让看代码的人赏心悦目。总结八个字: 统一 规范 方便 高效1.编辑器风格参考google编码风格每行200字符后,建议换行 (若不影响可读性,可不进行换行)说明:虽然对于js推荐120个字符。但是为了方便vue组件视觉适应性,统一采用200个字符TAB键:默认 1个 TAB 为 4 个 Space说明:对于不同编辑器,使用空格,避原创 2020-08-02 23:37:53 · 2861 阅读 · 3 评论 -
企业级项目之ESlint(Vue,React)配置推荐
文章目录eslint配置默认配置自定义配置强制vue属性排序强制vue组件内排序强制禁止template中含有this关键字项目中的eslint配置eslint配置这三个错误级别可以允许你细粒度的控制 ESLint 是如何应用规则“off” or 0 - 关闭规则“warn” or 1 - 将规则视为一个警告(不会影响退出码)“error” or 2 - 将规则视为一个错误 (退出码为1)默认配置正常用脚手架创建完项目,就会有.eslintrc.js文件里面的默认配置module原创 2020-09-19 19:42:52 · 2448 阅读 · 0 评论 -
企业级项目之Prettier配置推荐(Vue和React)
prettier配置Prettier是一个代码格式化程序Prettier自定义配置tabWidth:指定每个缩进级别的空格数。printWidth:最大允许行长是多少singleQuote:使用单引号而不是双引号。semi:在语句末尾打印分号。trailingComma:多行时尽可能打印尾随逗号。(例如,单行数组永远不会出现逗号结尾。)arrowParens:在单独的箭头函数参数周围包括括号。jsxBracketSameLine:将>多行JSX元素的放在最后一行的末尾,而不是原创 2020-09-19 21:20:52 · 3594 阅读 · 0 评论 -
企业级项目之webpack配置推荐
webpack初识webpack初识webpack配置推荐React项目中webpack优化打包体积配置推荐(移动端)静态资源整合打包压缩资源压缩css 采用 mini-css-extract-plugin 抽离 cssCSS 压缩,采用 optimize-css-assets-webpack-pluginJS 压缩,采用 terser-webpack-plugin + optimization -> minimizer代码分割Dynamic Imports原创 2020-10-27 00:59:10 · 422 阅读 · 0 评论 -
企业级项目之Git代码提交配置推荐
【代码】企业级项目之Git-husky代码提交配置推荐。原创 2022-10-13 11:31:37 · 463 阅读 · 0 评论