如何使用npm或yarn命令行工具自动创建Vue组件示例？

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

在不知是否需要新建组件的情况下，通常步骤如下：

1. 创建目录：若决定创建新组件，首先在项目中创建一个目录。

2.添加文件：在目录中添加一个 `.vue` 文件。

3.编写内容：在 `.vue` 文件中编写 `template`、`script` 和 `style` 部分。

4.公共组件：对于公共组件，可能还需要创建一个 `index.js` 文件用于导出组件。

例如：

vue

/* 组件样式内容 */

不知道大家每次新建组件的时候，是不是都要创建一个目录，然后新增一个.vue文件，然后写template、script、style这些东西，如果是公共组件，是不是还要新建一个index.js用来导出vue组件、虽然有vscode有代码片段能实现自动补全，但还是很麻烦，今天灵活运用scripts工作流，自动生成vue文件和目录。