/vue-cli-3-template-by-ele

vue-cli@3模板

Primary LanguageVue

vue-template

Project setup

npm install

Compiles and hot-reloads for development

npm run serve / npm run dev / npm start

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

目录结构

.
├── README.md
├── babel.config.js
├── package-lock.json
├── package.json
├── public
│   ├── favicon.ico
│   └── index.html
├── src
│   ├── App.vue
│   ├── api
│   │   ├── config.js
│   │   └── index.js
│   ├── assets
│   │   ├── logo.png
│   │   └── style
│   │       ├── config.scss
│   │       └── reset.scss
│   ├── components
│   │   ├── HelloWorld.vue
│   │   └── sider
│   │       └── index.vue
│   ├── element-variables.scss
│   ├── main.js
│   ├── pages
│   │   ├── home
│   │   │   └── index.vue
│   │   └── login
│   │       └── index.vue
│   ├── plugins
│   │   └── element.js
│   ├── routers
│   │   └── index.js
│   └── store
│       ├── index.js
│       └── modules
│           └── system.js
├── tree.text
└── vue.config.js

14 directories, 24 files

Git 贡献提交规范

  • 参考 vue 规范 (Angular)

    • feat 增加新功能
    • fix 修复问题/BUG
    • style 代码风格相关无影响运行结果的
    • perf 优化/性能提升
    • refactor 重构
    • revert 撤销修改
    • test 测试相关
    • docs 文档/注释
    • chore 依赖更新/脚手架配置修改等

Element-ui

按需加载

npm install babel-plugin-component -D

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

See element-ui