上文创建了一堆utils、component-info，并实现了新组件模块相关目录和文件的创建。本文继续实现后面的内容。1组件样式文件并导入在src/service目录中创建init-scss.ts文件，该文件导出initScss函数。由于.vue类型的组件的样式就直接写在了style中，故首先判断组件类型是否是tsx，tsx类型的组件才进行这一步的操作：在scss/components/目录下创建组件的scss文件_xxx.module.scss；在scss/components/index.scss中导入_xxx.module.scss。1.1init-scss.ts代码实现如下：impo

上文搭建了组件库cli的基础架子，实现了创建组件时的用户交互，但遗留了cli/src/command/create-component.ts中的createNewComponent函数，该函数要实现的功能就是上文开篇提到的——创建一个组件的完整步骤。本文咱们就依次实现那些步骤。（友情提示：本文内容较多，如果你能耐心看完、写完，一定会有提升）1创建工具类在实现cli的过程中会涉及到组件名称命名方式的转换、执行cmd命令等操作，所以在开始实现创建组件前，先准备一些工具类。在cli/src/util/目录上一篇文章中已经创建了一个log-utils.ts文件，现继续创建下列四个文件：cmd-util

上文创建了一堆utils、component-info，并实现了新组件模块相关目录和文件的创建。本文继续实现后面的内容。1组件样式文件并导入在src/service目录中创建init-scss.ts文件，该文件导出initScss函数。由于.vue类型的组件的样式就直接写在了style中，故首先判断组件类型是否是tsx，tsx类型的组件才进行这一步的操作：在scss/components/目录下创建组件的scss文件_xxx.module.scss；在scss/components/index.scss中导入_xxx.module.scss。1.1init-scss.ts代码实现如下：impo

上文搭建了组件库cli的基础架子，实现了创建组件时的用户交互，但遗留了cli/src/command/create-component.ts中的createNewComponent函数，该函数要实现的功能就是上文开篇提到的——创建一个组件的完整步骤。本文咱们就依次实现那些步骤。（友情提示：本文内容较多，如果你能耐心看完、写完，一定会有提升）1创建工具类在实现cli的过程中会涉及到组件名称命名方式的转换、执行cmd命令等操作，所以在开始实现创建组件前，先准备一些工具类。在cli/src/util/目录上一篇文章中已经创建了一个log-utils.ts文件，现继续创建下列四个文件：cmd-util