如何用vue-cli3脚手架搭建一个基于ts的基础脚手架，改写为长尾词？

本文共计3278个文字，预计阅读时间需要14分钟。

在这里偷闲，整理了一下关于如何使用 vue-cli3 和 TypeScript 搭建装饰器脚手架，并自定义 webpack 配置的步骤，优化如下：

1. 安装环境： - 准备工作：@vue/cli@4.1.1, Vue 2.6, Node v12.13.0 - 安装 Node.js - 全局安装 nrm 和 npm

2. 使用 vue-cli3 创建项目： bash vue create my-project 选择预设或手动配置，选择 TypeScript 支持。

3. 添加装饰器： - 在项目中安装 `reflect-metadata` 和 `tslib`。 - 在 `tsconfig.json` 中添加装饰器支持。

4. 自定义 webpack 配置： - 在项目根目录下创建 `vue.config.js`。 - 在 `vue.config.js` 中配置你的 webpack。

5. 优化： - 根据项目需求调整配置，优化构建过程。

总结：- 安装环境- 创建项目- 添加装饰器- 自定义 webpack- 优化配置

忙里偷闲，整理了一下关于如何借助 vue-cli3 搭建 ts + 装饰器 的脚手架，并如何自定义 webpack 配置，优化。