1、什么是SCION
SCION
是一个专门用于初始化项目的工具。只要你有一套模板,就能通过SCION
方便地把项目初始化出来。同时SCION
允许你添加多套模板,大大提升了工作效率。
关于SCION
的诞生,可以查看我的这篇文章:《教你从零开始搭建一款前端脚手架工具》。
项目地址:https://github.com/jrainlau/s...
2、安装
可以通过yarn
或者npm
全局安装使用:
yarn add scion-cli --global
npm install scion-cli -g
3、使用方式
执行scion
命令,获取详细使用方式及说明:
Usage: scion <command>
Commands:
add|a Add a new template
list|l List all the templates
init|i Generate a new project
delete|d Delete a template
Options:
-h, --help output usage information
-V, --version output the version number
注意,如果你正在使用
MacOS
或者Linux
系统,在执行add
和delete
命令的时候,需要加上sudo
前缀。
4、命令
add | a
这条命令会添加一个模板信息到templates.json
文件内,以便将来供SCION
使用。
$ scion add
? Set the custom name of the template: my-first-template
? Owner/name of the template: jrainlau/scion
? Branch of the template: new
┌───────────────────┬────────────────┬────────┐
│ Template Name │ Owner/Name │ Branch │
├───────────────────┼────────────────┼────────┤
│ my-first-template │ jrainlau/scion │ new │
└───────────────────┴────────────────┴────────┘
✔ New template has been added successfully!
Scion
使用了 download-git-repo 去下载位于github的项目作为模板。
list | l
列出所有已保存的模板。
$ scion list
┌────────────────────┬────────────────┬────────┐
│ Template Name │ Owner/Name │ Branch │
├────────────────────┼────────────────┼────────┤
│ my-first-template │ jrainlau/scion │ new │
├────────────────────┼────────────────┼────────┤
│ my-second-template │ jrainlau/motto │ master │
└────────────────────┴────────────────┴────────┘
init | i
在添加了模板以后,通过这条命令初始化你的项目。
$ scion init
? Template name: my-first-template
? Project name: my-project
? Where to init the project? ../
⠹ Downloading template...
New project has been initialized successfully!
是不是很简单呢?
delete | d
用于删除一个模板。
$ scion delete
? Which template you want to delete? my-second-template
┌───────────────────┬────────────────┬────────┐
│ Template Name │ Owner/Name │ Branch │
├───────────────────┼────────────────┼────────┤
│ my-first-template │ jrainlau/scion │ new │
└───────────────────┴────────────────┴────────┘
✔ Template has been deleted successfully
5、明白模板是什么
简单来说,一个“模板”就是一个保存在github或者gitlab项目,这个项目有着完整的目录结构,以其为模板的项目都会在当前的目录基础上进行扩展。
6、升级信息
使用cli-table优化模板的输出。
使用inquirer实现命令行交互功能。
使用download-git-repo去下载模板,避免了通过
git clone
会把.git
文件夹也下载下来的问题。修复无法跨平台(MacOS, Windows)使用的问题。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。