vue-typescript-skeleton

A skeleton for use vue 3 + antd with typescript.

Usage

1. Make sure yarn cli is installed in your system. Download and unzip this repo to your project root path.

2. Execute 'yarn' or 'yarn install' or 'yarn upgrade'.

3. Use 'yarn add -D xxx' or 'yarn add xxx' to add your dependencies.

4. Create 'src' dir in your project root path and write your own sources in it.

5. Use 'import Antd from 'ant-design-vue/es'' in your 'main.ts' for on demand load 'Antd' components.

Now you can use vue 3 + antd with typescript.

Configurations

• babel
• prettier
• stylelint
• vue
• tsconfig
• Types define for TS (See types/*)
• Others (See .* files in project)
• Repository Redirect (Used for users in Mainland China)

Dependencies

• ant-design-vue: ^2.1.6
• axios: ^0.21.1
• core-js: ^3.13.1
• enquire.js: ^2.1.6
• lodash: ^4.17.21
• vue: ^3.0.11
• vue-i18n: ^9.1.6
• vue-router: ^4.0.8
• vuejs3-logger: ^1.0.0
• vuex: ^4.0.1

DevDependencies

• @types/enquire.js: ^2.1.2
• @types/lodash: ^4.14.170
• @typescript-eslint/eslint-plugin: ^4.25.0
• @typescript-eslint/parser: ^4.25.0
• @vue/cli-plugin-babel: ^4.5.13
• @vue/cli-plugin-eslint: ^4.5.13
• @vue/cli-plugin-router: ^4.5.13
• @vue/cli-plugin-typescript: ^4.5.13
• @vue/cli-plugin-vuex: ^4.5.13
• @vue/cli-service: ^4.5.13
• @vue/compiler-sfc: ^3.0.11
• @vue/eslint-config-typescript: ^7.0.0
• autoprefixer: ^10.2.6
• babel-eslint: ^10.1.0
• babel-plugin-import: ^1.13.3
• babel-plugin-lodash: ^3.3.4
• compression-webpack-plugin: ^6.1.1
• eslint: ^6.8.0
• eslint-config-prettier: ^6.15.0
• eslint-plugin-prettier: ^3.4.0
• eslint-plugin-vue: ^7.10.0
• less: ^4.1.1
• less-loader: ^7.3.0
• lint-staged: ^11.0.0
• lodash-webpack-plugin: ^0.11.6
• postcss: ^8.3.0
• prettier: ^2.3.0
• tailwindcss: ^2.1.4
• terser-webpack-plugin: ^4.2.3
• typescript: ^4.3.2
• vue-eslint-parser: ^7.6.0

Issues