INIT

Author: leeycode

.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": ["@babel/env", "@babel/typescript", "@vue/babel-preset-jsx"],
+  "plugins": [
+    "@babel/proposal-numeric-separator",
+    [
+      "@babel/proposal-decorators",
+      {
+        "legacy": true
+      }
+    ],
+    ["@babel/proposal-class-properties", { "loose": false }],
+    "@babel/proposal-object-rest-spread"
+  ]
+}

.editorconfig

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintrc.js

@@ -0,0 +1,57 @@
+module.exports = {
+  plugins: ["vue", "@typescript-eslint"],
+  parserOptions: {
+    parser: "@typescript-eslint/parser",
+    env: { es6: true },
+    sourceType: "module",
+    ecmaFeatures: {
+      legacyDecorators: true,
+      experimentalObjectRestSpread: true
+    }
+  },
+  root: true,
+  env: {
+    browser: true,
+    node: true
+  },
+  extends: [
+    "plugin:vue/base",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:vue/essential",
+    "standard"
+  ],
+  rules: {
+    // default eslint rules
+    "one-var": 0,
+    "arrow-parens": 0,
+    "generator-star-spacing": 0,
+    "no-debugger": 0,
+    "no-console": 0,
+    semi: [2, "always"],
+    "no-extra-semi": 2,
+    "space-before-function-paren": 0,
+    eqeqeq: 0,
+    "spaced-comment": 0,
+    "no-useless-escape": 0,
+    "no-tabs": 0,
+    "no-mixed-spaces-and-tabs": 0,
+    "new-cap": 0,
+    camelcase: 0,
+    "no-new": 0,
+    indent: "off",
+    semi: "off",
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        argsIgnorePattern: "^h$"
+      }
+    ],
+    // typescript-eslint rules
+    // https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin/docs/rules
+    "@typescript-eslint/semi": ["error"],
+    "@typescript-eslint/indent": ["error", 2],
+    "@typescript-eslint/explicit-function-return-type": 0,
+    "@typescript-eslint/no-inferrable-types": 0
+  }
+};

.gitignore

@@ -0,0 +1,19 @@
+.DS_Store
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+/test/unit/coverage/
+/test/e2e/reports/
+selenium-debug.log
+
+package-lock.json
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+

.prettierrc.js

@@ -0,0 +1,10 @@
+module.exports = {
+  trailingComma: 'none',
+  printWidth: 130,
+  bracketSpacing: true,
+  arrowParens: 'always',
+  tabWidth: 2,
+  semi: true,
+  singleQuote: true,
+  jsxBracketSameLine: true
+};

@types/shims-tsx.d.ts

@@ -0,0 +1,13 @@
+import Vue, { VNode } from 'vue'
+
+declare global {
+  namespace JSX {
+    // tslint:disable no-empty-interface
+    interface Element extends VNode {}
+    // tslint:disable no-empty-interface
+    interface ElementClass extends Vue {}
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+  }
+}

@types/shims-vue.d.ts

@@ -0,0 +1,4 @@
+declare module '*.vue' {
+  import Vue from 'vue'
+  export default Vue
+}

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 leevy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,2 +1,42 @@
-# typeScript-vue-starter
-typeScript+vue示例
+## TypeScript-vue-Starter
+
+## Start
+
+```shell
+npm install
+npm run dev
+npm run build
+```
+
+## keywords
+```
+Webpack 4.0+
+Typescript 3.7+
+Eslint 6.0+
+Vue 2.0+
+Babel 7.0+
+
+```
+
+## 项目结构
+
+```
+├── /@types/                     # 全局类型声明
+├── /build/                      # webpack配置文件
+├── /src/                        # 源码目录
+│ ├── /assets/                   # 静态资源目录
+│ ├── /components/               # 公共组件目录
+│ ├── /constants/                # 项目constants目录
+│ │ ├── _const.less              # less常量
+│ ├── /pages/                    # UI组件目录
+│ ├── /services/                 # 请求服务目录
+│ ├── /router/                   # 路由目录
+│ ├── /store/                    # 存放store文件目录
+│ ├── /style/                    # 全局样式
+│ ├── /utils/                    # utils目录
+│ │ ├── request.ts               # 基于fetch封装的API请求工具
+│ │ ├── global.ts                # 公共方法库
+│ └── index.tsx                  # 项目入口
+|——tsconfig.json                 # ts配置
+|——...
+```

build/webpack.config.js

@@ -0,0 +1,128 @@
+/* eslint @typescript-eslint/no-var-requires:off */
+const path = require('path'),
+  Html = require('html-webpack-plugin'),
+  ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'),
+  VueLoaderPlugin = require('vue-loader/lib/plugin.js');
+function resolve(dir) {
+  return path.join(__dirname, '..', dir);
+}
+module.exports = {
+  entry: './src/main.ts',
+  output: {
+    path: path.resolve(__dirname, './'),
+    publicPath: './',
+    filename: 'chunk.[hash].js'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          compilerOptions: {
+            preserveWhitespace: false
+          }
+        }
+      },
+      {
+        test: /\.(js|jsx)$/,
+        loader: 'babel-loader'
+      },
+      {
+        test: /\.ts(x)?$/,
+        exclude: /node_modules/,
+        use: [
+          'babel-loader',
+          {
+            loader: 'ts-loader',
+            options: {
+              appendTsSuffixTo: [/\.vue$/]
+            }
+          }
+        ]
+      },
+      {
+        test: /\.(png|jpg|gif|svg)$/,
+        loader: 'file-loader',
+        options: {
+          name: '[name].[ext]?[hash]'
+        }
+      },
+      {
+        test: /\.(sa|sc|c)ss$/,
+        resourceQuery: /\?vue/,
+        use: [
+          {
+            loader: 'vue-style-loader',
+            options: {
+              sourceMap: false,
+              shadowMode: false
+            }
+          },
+          {
+            loader: 'css-loader'
+          },
+          {
+            loader: 'sass-loader'
+          }
+        ]
+      },
+      {
+        test: /\.(js|vue|ts|tsx|jsx)$/,
+        enforce: 'pre',
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: 'eslint-loader',
+            options: {
+              fix: false,
+              extensions: ['.js', '.jsx', '.vue', '.ts', '.tsx'],
+              cache: false,
+              emitWarning: true,
+              emitError: true
+            }
+          }
+        ]
+      }
+    ]
+  },
+  node: false,
+  plugins: [
+    new VueLoaderPlugin(),
+    new Html({
+      template: resolve('src/index.html'),
+      filename: 'index.html'
+    }),
+    new ForkTsCheckerWebpackPlugin({
+      vue: true,
+      tslint: false,
+      checkSyntacticErrors: true
+    })
+  ],
+  resolve: {
+    extensions: ['.ts', '.js', '.vue', '.json', '.jsx', '.tsx'],
+    alias: {
+      vue$: 'vue/dist/vue.esm.js',
+      '@': resolve('src')
+    }
+  },
+  devServer: {
+    historyApiFallback: true,
+    noInfo: true,
+    port: 8080,
+    contentBase: [path.join(__dirname, '../')],
+    hot: true,
+    host: '0.0.0.0',
+    compress: true,
+    quiet: false,
+    disableHostCheck: true,
+    publicPath: '/',
+    overlay: {
+      warnings: true
+    }
+  },
+  performance: {
+    hints: false
+  },
+  devtool: '#eval-source-map'
+};