强烈推荐使用 VSCODE 编译器 并且安装 Prettier - Code formatter,ESLint ,EditorConfig for VS Code这三个插件

本项目集成prettier做代码风格统一格式化,所以在书写时,大家可以不关注代码风格,按自己喜欢的写就好,在执行commit时会自动对代码做统一格式化.

为了优化commit log显示,本项目提交代码时,请使用如下命令替代git commit,并且选择合适的 emoji 进行提交说明,不符合格式的,pr将被驳回.

npm run ci

为了统一目录结构,新建组件一律使用如下命令:

npm run new:comp

组件内禁止书写 css,请在styles/src文件夹下对应组件的 scss 文件中进行书写,并且准守BEM规范

为了自动生成index.js,需要每个组件根目录下增加index.json(默认可以没有,主要针对特殊组件) 支持的参数列表如下:

参考 messageBox 配置文件:

{
  "prototype": true,
  "map": [
    {
      "key": "$msgbox",
      "value": "${moduleName}"
    },
    {
      "key": "$alert",
      "value": "${moduleName}.alert"
    },
    {
      "key": "$confirm",
      "value": "${moduleName}.confirm"
    },
    {
      "key": "$prompt",
      "value": "${moduleName}.prompt"
    }
  ]
}

导出内容:

vue.prototype.$msgbox = MessageBox;
vue.prototype.$alert = MessageBox.alert;
vue.prototype.$confirm = MessageBox.confirm;
vue.prototype.$prompt = MessageBox.prompt;

yarn install || cnpm install || npm install

npm run serve

npm run serve:main

npm run build

npm run test:unit

npm run comps:update

npm run styles:update