项目规范
文章平均质量分 62
关于项目配置中遇到的一些规范问题
Continue丶
努力变得更好一点
展开
-
项目规范(六):axios多级拦截
概述在开发中,我们可能需要使用axios来请求数据,为了方便数据的发送、接收、拦截,我们往往需要进行封装,一个合理的封装设计有利于代码的维护与延申。设计需求1.可以对所有请求进行操作2.可以对含有多种BASE_URL的请求进行各自操作3.可以对唯一请求进行各自操作即以上,所有请求包含了各个BASE_URL、各个BASE_URL又包含了各自的具体请求,需要在以上三个阶段对各自的请求进行操作,比如请求响应拦截等。设计实现目录结构环境配置即可根据不同环境下适应不同的配置,详情可看项目规原创 2021-12-12 15:34:33 · 2746 阅读 · 0 评论 -
项目规范(五):环境变量
概述在开发中,有时候需要根据不同环境来设置不同的环境变量,常见的环境变量有以下三种:开发环境:development生产环境:production测试环境:test主要以下三种方式来实现区分环境变量1.手动修改不同的变量这种方法比较笨重,需要人为的去根据环境改变而更改对应的变量,所以不太推荐使用export const BASE_URL = 'http://www.xy.org/dev'// export const BASE_URL = 'http://www.xy.org/pro原创 2021-12-06 10:09:28 · 336 阅读 · 0 评论 -
项目规范(四):git 提交规范
概述在使用git提交代码时,如果多人开发,为了保证提交到仓库的代码足够规范,所以需要进行一些配置来实现commitizen:规范提交类型在我们提交代码时,可能是做了不同类型的更改,比如提交新功能,或修改bug,又或者重构代码等,通过commitizen有助于我们直接选择类型提交。Type作用feat新增特性 (feature)fix修复 Bug(bug fix)docs修改文档 (documentation)style代码格式修改(white-spac原创 2021-12-05 17:45:13 · 1419 阅读 · 0 评论 -
项目规范(三):ESLint检测代码
概述ESLint可以帮助我们检测代码书写的规范,有利于统一代码风格。配置(.eslintrc.js)根目录创建 .eslintrc.js 文件module.exports = { root: true, env: { node: true, }, extends: [ "plugin:vue/vue3-essential", "eslint:recommended", "@vue/typescript/recommended", "@vue/原创 2021-12-05 17:08:06 · 1043 阅读 · 0 评论 -
项目规范(二):prettier格式化
概述Prettier 是一款强大的代码格式化工具,支持 JavaScript、TypeScript、CSS、SCSS、Less、JSX、Angular、Vue、GraphQL、JSON、Markdown 等语言,基本上前端能用到的文件格式它都可以搞定,是当下最流行的代码格式化工具。安装首先需要安装开发环境的依赖npm install prettier -D基础配置(.prettierrc)根目录创建 .prettierrc 文件{ "useTabs": false, "tabW原创 2021-12-05 16:57:09 · 1208 阅读 · 0 评论 -
项目规范(一):.editorconfig配置
概述.editorconfig配置有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。一般配置:# http://editorconfig.orgroot = true[*] # 表示所有文件适用charset = utf-8 # 设置文件字符集为 utf-8indent_style = space # 缩进风格(tab | space)indent_size = 2 # 缩进大小end_of_line = lf # 控制换行类型(lf | cr | crlf)原创 2021-12-05 16:40:10 · 999 阅读 · 0 评论