# @jermken/qc-cli

> this is a cli for front-end project

Latest version **1.6.19** (published 2019-07-01) · ISC license · 0 weekly downloads

## Install

```sh
npm install @jermken/qc-cli
pnpm add @jermken/qc-cli
yarn add @jermken/qc-cli
bun add @jermken/qc-cli
```

Provides the command `qc`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.6.19 |
| Published | 2019-07-01 |
| First published | 2019-05-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 9 |
| Unpacked size | 15 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | jermken |
| Maintainers | jermken |
| Keywords | qc-cli, cli, qc, vue, react, webpack, vue-typescript, react-typescript, spa, mpa |

## Links

- npm: https://www.npmjs.com/package/@jermken/qc-cli
- Repository: https://github.com/jermken/qc-cli
- Homepage: https://github.com/jermken/qc-cli#readme
- Issues: https://github.com/jermken/qc-cli/issues
- npm.io page: https://npm.io/package/@jermken/qc-cli

## Dependencies (9)

- [ora](https://npm.io/package/ora.md) ^3.2.0
- [acorn](https://npm.io/package/acorn.md) ^6.1.1
- [chalk](https://npm.io/package/chalk.md) ^2.4.2
- [rimraf](https://npm.io/package/rimraf.md) ^2.6.3
- [fs-extra](https://npm.io/package/fs-extra.md) ^7.0.1
- [inquirer](https://npm.io/package/inquirer.md) ^6.2.2
- [commander](https://npm.io/package/commander.md) ^2.19.0
- [@jermken/qc-parcel-seed](https://npm.io/package/@jermken/qc-parcel-seed.md) ^0.1.9
- [@jermken/qc-webpack-seed](https://npm.io/package/@jermken/qc-webpack-seed.md) ^0.1.5

## Recent versions

- 1.6.19 (latest) — 2019-07-01
- 1.6.18 — 2019-06-27
- 1.6.17 — 2019-06-27
- 1.6.16 — 2019-06-20
- 1.6.15 — 2019-06-14
- 1.6.14 — 2019-06-13
- 1.6.13 — 2019-06-13
- 1.6.12 — 2019-06-11
- 1.6.11 — 2019-06-11
- 1.6.10 — 2019-06-06
- 1.6.9 — 2019-06-06
- 1.6.8 — 2019-06-06
- 1.6.7 — 2019-06-05
- 1.6.6 — 2019-06-03
- 1.6.5 — 2019-05-29
- … 16 more at https://npm.io/package/@jermken/qc-cli/versions

## README

# qc-cli
this is a cli for front-end project
## 脚手架安装
npm install @jermken/qc-cli -g
## 项目创建

```
qc create
```
run qc create and then you will complete a series of configurations according to your needs

## 命令
* 测试环境构建
```
qc dev
```
* 生产环境构建
```
qc build
```
## 注意

* 项目下的config.js 文件中 lib 和 packer 字段不可修改
```
{
    "lib": "vue", // lib字段不可修改
    "packer": "parcel", // packer字段不可修改
    "openPage": "index" // 在开发环境下运行 qc dev 打开的页面
}
```

* vue-ts项目中类型为了避免ide报错需要将类型声明文件放在src目录下，且declare module 与 declare global 模块需放在单独的文件中如下：
```
    -src
        -vue-shims.m.ts // 放置模块声明
        -vue-shims.g.ts // 放置全局声明
```

* 自定义配置在config.js文件中，分为 dev和prod 模式，其中配置项根据使用的打包工具而定，使用webpack构建的需要按照webpack的配置格式，
  使用parcel构建的需要按照parcel的配置格式

* 可使用silent模式来去掉构建时的日志打印，eg:
```
qc dev --silent true
```

## 问题

* 遇到了一个webpack打包懒加载的问题

```
module parse failed: Unexpected token
you may need an appropriate loader to handle this file type.
|
| var Home = function Home() {
>   return import('../pages/home/home.vue')
|}
```
通过[https://github.com/webpack/webpack/issues/8656](https://github.com/webpack/webpack/issues/8656)找到解决的方案：
```
npm install acorn --save-dev
```

---
_Source: https://npm.io/package/@jermken/qc-cli · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._