2.1.14 • Published 11 months ago

calc-link-ui-web v2.1.14

Weekly downloads
-
License
-
Repository
-
Last release
11 months ago

Link UI

git 配置

# 统一使用LF作为结尾标识符
git config --global core.autocrlf false

使用dart-sass

参考:https://www.yuque.com/shareman/development/xgk1sq

# 移除 node-sass
yarn remove node-sass

# 安装 sass 和 sass-loader
yarn add sass sass-loader -D

# 修改webpack配置
{
  test: /\.(scss|css)$/,
  use: [
    isProd ? MiniCssExtractPlugin.loader : 'style-loader',
    'css-loader',
    {
      loader: 'sass-loader',
      options: {
        // Prefer `dart-sass`
        implementation: require('sass')
      }
    }
  ]
}

Git 提交规范

使用当前较为主流的 AngularJS 的 commit 规范

每次提交,Commit message 都包括三个部分:Header,Body 和 Footer

<type>(<scope>): <subject>
// 空一行
<body>
// 空一行
<footer>

其中,Header 是必需的,Body 和 Footer 可以省略

Header

Header部分只有一行,包括三个字段:type(必需)、scope(可选)和subject(必需)

type

用来标识 commit 的类型,总共有以下 7 个标识:

  • feat:新功能
  • fix:bug 修复
  • docs:文档发生修改
  • style:不改变代码功能的变动(如删除空格、格式化、去掉末尾分号等)
  • refactor:代码重构(不包括 bug 修复、功能新增)
  • pref: 性能优化
  • test:新增或修改测试代码
  • chore:跟项目主要功能无关的构建/工程依赖/工具等代码改动(比如新增一个文档生成工具)
  • revert:撤销上一次的提交
  • ci:新增或修改 CI 配置、脚本

scope

用来标识改动所影响的范围,视项目而定

subject

改动的简短描述,不超过 50 字符长度

Body

本次 commit 的详细描述

Footer

主要用于两种情况:

  • 重大的不兼容改动: 用于给出改动说明及解决方案。
  • 关联 issues: 用于关闭相应 issues

推荐编辑器

这里推荐一个编辑器:

  • VS Code,微软出品的开源编辑器,插件丰富,性能优异

VS Code 相关插件

  • vutur (Vue 语法高亮)
  • eslint (对js进行与法检查和提示)
  • beautify (代码格式化 包括:javascript, json, sass, html)
  • auto close tag (自动闭合HTML/XML标签)
  • gitlens(方便查看git提交信息和版本回退)