https://github.com/yaoxfly/yaoxfly-auto-components

通过命令自动生成组件，包括页面组件和外部引用的组件。
https://github.com/yaoxfly/yaoxfly-auto-components

Last synced: 6 days ago
JSON representation

通过命令自动生成组件，包括页面组件和外部引用的组件。

• Host: GitHub
• URL: https://github.com/yaoxfly/yaoxfly-auto-components
• Owner: yaoxfly
• Created: 2020-03-01T02:57:21.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T14:26:34.000Z (about 2 years ago)
• Last Synced: 2024-12-23T13:03:18.507Z (14 days ago)
• Language: JavaScript
• Size: 2.33 MB
• Stars: 8
• Watchers: 2
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# yaoxfly-auto-components

#### 介绍

通过命令自动生成组件，包括页面组件和外部引用的组件。

#### 安装教程

```

npm i  yaoxfly-auto-components -save-dev

```

#### 使用说明

在 package.json 文件中 添加

```js

"scripts": {

    "create:comp": "node ./node_modules/yaoxfly-auto-components/lib/createComponent",

    "create:view": "node ./node_modules/yaoxfly-auto-components/lib/createView",

},

```

- 在 src/components 下创建个 global 目录放置全局组件

- 命令

```js

//生成全局组件，以及其他要引入的组件--生成的文件的路径src/components下

npm run create:comp

//生成页面组件--生成文件的路径在src/views下

npm run create:view

```

- 安装 chalk，这插件能让控制台输出语句有各种颜色区分

```js

npm i chalk --save-dev

```

- 配置文件

```js

//在根目录添加名为auto-components.config.js的配置文件

module.exports = {

  //修改模板中的css预编译器类型 scss/less 默认是scss

  cssPrecompiler: "less",

};

```