first commit

Author: deancn

.babelrc

@@ -0,0 +1,18 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"],
+  "env": {
+    "test": {
+      "presets": ["env", "stage-2"],
+      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
+    }
+  }
+}

.eslintignore

@@ -0,0 +1,3 @@
+/build/
+/dist/
+/*.js

.eslintrc.js

@@ -0,0 +1,68 @@
+// https://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  env: {
+    browser: true,
+  },
+  // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
+  // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
+  extends: ['plugin:vue/essential', 'airbnb-base'],
+  // required to lint *.vue files
+  plugins: [
+    'vue'
+  ],
+  // check if imports actually resolve
+  settings: {
+    'import/resolver': {
+      webpack: {
+        config: 'build/webpack.base.config.js'
+      }
+    }
+  },
+  rules: {
+    // disallow reassignment of function parameters
+    // disallow parameter object manipulation except for specific exclusions
+    'no-param-reassign': ['error', {
+      props: true,
+      ignorePropertyModificationsFor: [
+        'state', // for vuex state
+        'acc', // for reduce accumulators
+        'e' // for e.returnvalue
+      ]
+    }],
+    // allow optionalDependencies
+    'import/no-extraneous-dependencies': ['error', {
+      optionalDependencies: ['test/unit/index.js']
+    }],
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    // others
+    'no-console': 'off',
+    'semi': [
+      'error',
+      'never'
+    ],
+    'no-new': 'off',
+    'comma-dangle': [
+      'error',
+      'only-multiline'
+    ],
+    'import/no-webpack-loader-syntax': 'off',
+    'import/first': 'off',
+    'linebreak-style': ['off', 'windows'],
+  },
+  'globals': {
+    'window': true,
+    'document': true,
+    'App': true,
+    'Page': true,
+    'Component': true,
+    'Behavior': true,
+    'wx': true,
+    'getCurrentPages': true,
+  }
+}

.github/workflows/nodejs.yml

@@ -0,0 +1,25 @@
+name: Node
+
+on: [push]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [10.x]
+
+    steps:
+    - uses: actions/checkout@v1
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - name: npm install, build, and test
+      run: |
+        npm install
+        npm run build:mp
+      env:
+        CI: true

.gitignore

@@ -29,14 +29,14 @@ bower_components
 # node-waf configuration
 .lock-wscript
 
-# Compiled binary addons (http://nodejs.org/api/addons.html)
+# Compiled binary addons (https://nodejs.org/api/addons.html)
 build/Release
 
 # Dependency directories
 node_modules/
 jspm_packages/
 
-# Typescript v1 declaration files
+# TypeScript v1 declaration files
 typings/
 
 # Optional npm cache directory
@@ -57,3 +57,11 @@ typings/
 # dotenv environment variables file
 .env
 
+# next.js build output
+.next
+
+# others
+.idea
+.DS_Store
+package-lock.json
+dist

README.md

@@ -1,2 +1,117 @@
 # miniprogram
 Go 中文网微信小程序
+
+## vue-kbone
+
+使用 vue 多端开发(小程序和Web)，基于 [kbone](https://github.com/wechat-miniprogram/kbone) 的 element 和 render。
+* 一键接入，立即使用
+* 支持更完整的 vue 语法及特性
+* webpack、es6、babel、hot reload、cli、vue-router、vuex，你想要的都有
+
+## 开发
+
+* Web 端：直接浏览器访问 localhost:8080/ 即可看到效果。
+
+```
+npm run web
+```
+
+* 小程序端：使用开发者工具打开 dist/mp 目录即可。
+
+```
+npm run mp
+```
+
+## 构建
+
+* Web 端：构建完成会生成 dist/web 目录
+
+```
+npm run build
+```
+
+* 小程序端：构建完成会生成 dist/mp 目录
+
+```
+npm run build:mp
+```
+
+## 小程序端打开
+
+需要先进入 dist/mp 目录执行 `npm install` 安装相关的依赖包，然后用开发者工具打开 dist/mp 目录后再进行 npm 构建（关于 npm 构建可[点此查看官方文档](https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html)）。
+
+## 目录说明
+
+此模板 Web 端使用单入口，通过 vue-router + 动态 import 的方式来运行；小程序端则按照业务分拆成多个页面，同属一个业务的页面则通过 vue-router 来组织。
+
+```
+├─ build
+│  ├─ miniprogram.config.js  // mp-webpack-plugin 配置
+│  ├─ webpack.base.config.js // Web 端构建基础配置
+│  ├─ webpack.dev.config.js  // Web 端构建开发环境配置
+│  ├─ webpack.mp.config.js   // 小程序端构建配置
+│  └─ webpack.prod.config.js // Web 端构建生产环境配置
+├─ dist
+│  ├─ mp                     // 小程序端目标代码目录，使用微信开发者工具打开，用于生产环境
+│  └─ web                    // web 端编译出的文件，用于生产环境
+├─ src
+│  ├─ common                 // 通用组件
+│  ├─ mp                     // 小程序端入口目录
+│  │  ├─ home                // 小程序端 home 页面
+│  │  │  └─ main.mp.js       // 小程序端入口文件
+│  │  └─ other               // 小程序端 other 页面
+│  │     └─ main.mp.js       // 小程序端入口文件
+│  ├─ detail                 // detail 页面
+│  ├─ home                   // home 页面
+│  ├─ list                   // list 页面
+│  ├─ router                 // vue-router 路由定义
+│  ├─ store                  // vuex 相关目录
+│  ├─ App.vue                // Web 端入口主视图
+│  └─ main.js                // Web 端入口文件
+└─ index.html                // Web 端入口模板
+```
+
+## 其他说明
+
+如果要使用 ts，则在 vue 的 script 标签上加上 `lang="ts"`，具体可参考 src/list/Index.vue。如果要使用 reduce-loader，就不能使用 ts，因为 ts 目前没有支持内联 loader。
+
+## License
+
+MIT
+
+
+
+# Mina
+
+![Build Status](https://github.com/bbhj/mina/workflows/Node/badge.svg)
+
+> Searching for missing children, and help them come back home.
+
+We are a technical team with love and emotions.
+
+Welcome to join us.
+
+:)
+
+## Kbone Install & Usage
+
+This MiniProgram project in Wechat base on [Tencent Kbone](https://github.com/Tencent/kbone)
+
+## Install & Run
+
+``` bash
+
+npm install -g kbone-cli
+
+// 开发小程序端
+npm run mp
+
+// 开发 Web 端
+npm run web
+
+// 构建 Web 端
+npm run build
+```
+
+![Study Golang](/images/studygolang.png)
+

build/miniprogram.config.js

@@ -0,0 +1,81 @@
+/**
+ * 配置参考：https://wechat-miniprogram.github.io/kbone/docs/config/
+ */
+
+module.exports = {
+    origin: 'https://mina.baobeihuijia.com',
+    entry: '/',
+    router: {
+        home: [
+            '/(home|index)?',
+            '/index.html',
+            '/test/(home|index)',
+        ],
+        other: [
+            '/test/list/:id',
+            '/test/detail/:id',
+        ],
+        me: [
+            '/list/:id',
+            '/detail/:id',
+        ],
+    },
+    redirect: {
+        notFound: 'home',
+        accessDenied: 'home',
+    },
+    generate: {
+        autoBuildNpm: 'npm',
+  		tabBar: {
+			color: '#333',
+            selectedColor: '#EF4431',
+            backgroundColor: '#ffffff',
+            list: [{
+                pageName: 'home',
+                text: '主页',
+	            iconPath: './imgs/tabs/home.png',
+                selectedIconPath: './imgs/tabs/home_selected.png'
+            }, {
+                pageName: 'me',
+                text: '我的',
+                iconPath: './imgs/tabs/me.png',
+                selectedIconPath: './imgs/tabs/me_selected.png'
+            }],
+        },
+    },
+    app: {
+        backgroundTextStyle: 'light',
+        navigationBarBackgroundColor: '#fff',
+        navigationBarTitleText: 'Go 中文网',
+        navigationBarTextStyle: 'black'
+    },
+	appExtraConfig: {
+        sitemapLocation: 'sitemap.json',
+	},
+    global: {
+        share: true,
+        windowScroll: false,
+        backgroundColor: '#F7F7F7',
+    },
+    pages: {
+        home: {
+            enablePullDownRefresh: true,
+            pullDownRefresh: true,
+        },
+    },
+    optimization: {
+		domSubTreeLevel: 10,
+
+		elementMultiplexing: true,
+		textMultiplexing: true,
+		commentMultiplexing: true,
+		domExtendMultiplexing: true,
+
+		styleValueReduce: 5000,
+		attrValueReduce: 5000,
+	},
+    projectConfig: {
+        projectname: 'mina',
+        appid: 'wxf7b5556f34553852',
+    },
+}