https://github.com/ospoon/zg-cli-template

前端脚手架搭建
https://github.com/ospoon/zg-cli-template

Last synced: 8 days ago
JSON representation

前端脚手架搭建

• Host: GitHub
• URL: https://github.com/ospoon/zg-cli-template
• Owner: OSpoon
• Created: 2020-11-24T16:10:58.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2020-11-25T08:26:32.000Z (almost 4 years ago)
• Last Synced: 2024-10-12T00:39:20.890Z (about 1 month ago)
• Language: JavaScript
• Homepage:
• Size: 22.5 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
### 前端脚手架搭建

> 1. 本项目为演示项目: 通过拉取 Github 上配置好的模板项目,快速启动新项目开发,使得项目开发规范统一。

> 2. 后续会补充常用的一些操作函数等。

#### 初始化目录

`npm init -y`

#### 安装依赖

`npm i commander download-git-repo ora figlet clear chalk update-notifier inquirer compressing -s`

#### 初始化目录

1. bin

   - zg-cli.js 配置操作命令

2. lib

   - init.js 初始化项目命令对应的处理过程

   - init-process.js 初始化项目流程函数封装

   - utils.js 通用工具函数

#### 配置 package.json

1. bin 配置

2. downloadRepoConfig: 模板路径配置

```json

{

  "bin": {

    "zg-cli": "./bin/zg-cli.js"

  },

  "downloadRepoConfig": {

    "url": "github:OSpoon/vue-cli-vant-starter"

  }

}

```

#### 脚手架发布

> 提前注册[npmjs](https://www.npmjs.com/)`账号 执行命令`bash publish.sh`

```sh

#!/usr/bin/env bash

npm config get registry # 检查仓库镜像库

npm config set registry=http://registry.npmjs.org

echo '请进行登录相关操作：'

npm login # 登陆

echo "-------publishing-------"

npm publish # 发布

npm config set registry=https://registry.npm.taobao.org # 设置为淘宝镜像

echo "发布完成"

exit

```

#### 将 npm 模块链接到对应的运行项目中去

`npm link` or 反注册 `npm unlink`

#### 删除的情况

`ls C:\Users\DELL\AppData\Roaming\npm\`

`rm C:\Users\DELL\AppData\Roaming\npm\zg`

#### 功能

1. 拉取模板: `zg init`

2. 压缩文件: `zg zip`

3. 生成二维码: `zg qrcode`

#### 常用依赖整理

1. 复制文件: [ncp](https://www.npmjs.com/package/ncp)

2. fs 扩展: [fs-extra](https://www.npmjs.com/package/fs-extra)

3. 文件压缩: [compressing](https://www.npmjs.com/package/compressing)

4. 执行 Shell[shelljs](https://www.npmjs.com/package/shelljs)

5. Promise library [bluebird](https://www.npmjs.com/package/bluebird)

6. 命令交互 [inquirer](https://www.npmjs.com/package/inquirer)