core: add basic structure

Author: felixpy

README.md

@@ -1 +1,3 @@
-# vue-cli-plugin-element
+# vue-cli-plugin-element
+
+Quickly build a backend system with vue-cli and element-ui in seconds.

generator.js

@@ -0,0 +1,27 @@
+const fs = require('fs')
+
+const removeFiles = (files = []) => {
+  files.forEach(path => {
+    if (fs.existsSync(path)) {
+      fs.unlinkSync(path);
+    }
+  })
+}
+
+module.exports = (api, options, rootOptions) => {
+  api.extendPackage({
+    dependencies: {
+      'element-ui': '^2.4.11'
+    },
+  })
+
+  api.injectImports(api.entryFile, `import './registerElementUI'`)
+
+  api.render('./template/structure')
+
+  api.onCreateComplete(() => {
+    removeFiles([
+      api.resolve('src/components/HelloWorld.vue')
+    ])
+  })
+}

index.js

@@ -0,0 +1,7 @@
+module.exports = (api, projectOptions) => {
+  api.chainWebpack(webpackConfig => {})
+
+  api.configureWebpack(webpackConfig => {})
+
+  // api.registerCommand('command', args => {})
+}

package.json

@@ -0,0 +1,26 @@
+{
+  "name": "vue-cli-plugin-element",
+  "version": "0.1.0",
+  "description": "Quickly build a backend system with vue-cli and element-ui in seconds.",
+  "main": "index.js",
+  "scripts": {
+    "test": "yarn test"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/codetrial/vue-cli-plugin-element.git"
+  },
+  "keywords": [
+    "vue",
+    "cli",
+    "element",
+    "layout",
+    "structure"
+  ],
+  "author": "felixpy",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/codetrial/vue-cli-plugin-element/issues"
+  },
+  "homepage": "https://github.com/codetrial/vue-cli-plugin-element#readme"
+}

preset.json

@@ -0,0 +1,18 @@
+{
+  "useConfigFiles": true,
+  "plugins": {
+    "@vue/cli-plugin-babel": {},
+    "@vue/cli-plugin-pwa": {},
+    "@vue/cli-plugin-eslint": {
+      "config": "airbnb",
+      "lintOn": [
+        "save"
+      ]
+    },
+    "@vue/cli-plugin-unit-jest": {}
+  },
+  "router": true,
+  "routerHistoryMode": true,
+  "vuex": true,
+  "cssPreprocessor": "sass"
+}

template/structure/src/components/layout/AppLayout.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>This is the layout</div>
+</template>

template/structure/src/registerElementUI.js

@@ -0,0 +1,6 @@
+import Vue from 'vue'
+import ElementUI from 'element-ui'
+
+import './styles/theme/element-variables.scss'
+
+Vue.use(ElementUI)

template/structure/src/styles/theme/element-variables.scss

@@ -0,0 +1,5 @@
+$--color-primary: #409eff;
+
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+
+@import "~element-ui/packages/theme-chalk/src/index";

template/structure/src/views/Home.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="home">
+    <img alt="Vue logo" src="../assets/logo.png">
+  </div>
+</template>
+
+<script>
+export default {
+  name: "home"
+};
+</script>