项目开发规范配置

最新推荐文章于 2023-10-02 00:37:37 发布

随风小薇

最新推荐文章于 2023-10-02 00:37:37 发布

阅读量152

点赞数

分类专栏： vue 工作知识总结干货分享文章标签：前端

本文为博主原创文章，未经博主允许不得转载

本文链接：https://blog.csdn.net/qq_39197547/article/details/125764258

版权

vue 同时被 3 个专栏收录

34 篇文章 10 订阅 ¥299.90 ¥399.90

订阅专栏

干货分享

13 篇文章 0 订阅 ¥299.90 ¥399.90

订阅专栏

工作知识总结

25 篇文章 1 订阅

订阅专栏

本文总结了项目开发的规范操作，包括创建常用变量文件夹、表单验证的处理方法以及SCSS中的变量定义和混合器的使用，旨在提升代码清晰度和维护性。

摘要由CSDN通过智能技术生成

在这里插入图片描述

近期工作较为轻松，看着维护的几个项目，开发规范都不是很清晰，代码较为混乱，维护相当麻烦。所以总结一下项目开发的规范操作。

按照我个人的开发习惯，然后从常用变量，表单验证和css（scss）样式两个方面简单介绍一下

常用变量

一般创建一个文件夹consttants,然后相关模块的常用变量都在该文件夹下创建添加

例如：
在constants文件夹下创建一个ad.js/ad.ts文件

export const CLASS_CANVAS_ID = 'classImgCanvas'
export const CROP_AVATAR_CANVAS_ID = 'cropAvatarCanvas'
export const INDEX_ACTION_SHEET = ['个人信息', '升级账户', '班级管理']
export const MAP_INFO_ACTION_SHEET = ['拨打电话', '一键导航']

//使用枚举
export enum IndexActionSheet {
  INFO = 0,
  A

了解本专栏