calc-link-ui-web
v2.1.14
Published
A Component Library for Vue.js.
Downloads
1
Maintainers
Readme
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提交信息和版本回退)