摘要:什么是是一个专门用于初始化项目的工具。只要你有一套模板,就能通过方便地把项目初始化出来。命令这条命令会添加一个模板信息到文件内,以便将来供使用。使用了去下载位于的项目作为模板。列出所有已保存的模板。修复无法跨平台使用的问题。
1、什么是SCION
SCION是一个专门用于初始化项目的工具。只要你有一套模板,就能通过SCION方便地把项目初始化出来。同时SCION允许你添加多套模板,大大提升了工作效率。
关于SCION的诞生,可以查看我的这篇文章:《教你从零开始搭建一款前端脚手架工具》。
项目地址:https://github.com/jrainlau/s...
2、安装可以通过yarn或者npm全局安装使用:
yarn add scion-cli --global
npm install scion-cli -g3、使用方式
执行scion命令,获取详细使用方式及说明:
Usage: scionCommands: 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
4、命令 add | a注意,如果你正在使用MacOS或者Linux系统,在执行add和delete命令的时候,需要加上sudo前缀。
这条命令会添加一个模板信息到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 successfully5、明白模板是什么
简单来说,一个“模板”就是一个保存在github或者gitlab项目,这个项目有着完整的目录结构,以其为模板的项目都会在当前的目录基础上进行扩展。
6、升级信息使用cli-table优化模板的输出。
使用inquirer实现命令行交互功能。
使用download-git-repo去下载模板,避免了通过git clone会把.git文件夹也下载下来的问题。
修复无法跨平台(MacOS, Windows)使用的问题。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/82940.html
摘要:借助,我们通过非常简单的问答形式,方便地初始化一个工程,完全不需要担心繁复的配置等等。简单来说,就是不仅仅能初始化工程,理论上能够初始化一切工程,包括,等等等等,只要你有一份能够运行的模板,就能够通过进行工程的初始化。 相信对于大部分使用过VueJS的同学来说,vue-cli是他们非常熟悉的一个工具。借助vue-cli,我们通过非常简单的问答形式,方便地初始化一个vue工程,完全不需要...
摘要:依云酱呢,是一名资深用户已经不会用现在的的,喜欢同时也属蛇,看来是命中注定,最近喜欢上了不是那个黄褐色的铁氧化合物哦。清蒸依云酱,我快死在你的标题上了。 showImg(https://segmentfault.com/img/bVRChj?w=900&h=385); 社区访谈的上期说到上帝有明是如何通过他的个人魅力撩得妹纸归,回忆传送门,不过逗得了妹纸笑,引得了汉纸拜(唔,崇拜的拜,...
摘要:依云酱呢,是一名资深用户已经不会用现在的的,喜欢同时也属蛇,看来是命中注定,最近喜欢上了不是那个黄褐色的铁氧化合物哦。清蒸依云酱,我快死在你的标题上了。 showImg(https://segmentfault.com/img/bVRChj?w=900&h=385); 社区访谈的上期说到上帝有明是如何通过他的个人魅力撩得妹纸归,回忆传送门,不过逗得了妹纸笑,引得了汉纸拜(唔,崇拜的拜,...
摘要:无所事事实在无聊,那么就推荐几个在用的工具好了。所以就需要现在推荐的这款,虚拟接口,可自定义返回数据,在没有接口的情况下可以先行开发页面哦。这时候就需要我们的真机调试工具啦,深入查看你的页面有什么问题,一目了然,简直不要太爽。 无所事事实在无聊,那么就推荐几个在用的工具好了。1.虚拟接口介绍: 在项目中经常遇到页面写太快,后端的小伙伴奶水不足的情况。所以就需要现在推荐的这款,虚拟接口,...
阅读 2408·2021-10-13 09:40
阅读 3279·2019-08-30 13:46
阅读 1091·2019-08-29 14:05
阅读 2906·2019-08-29 12:48
阅读 3628·2019-08-26 13:28
阅读 2105·2019-08-26 11:34
阅读 2237·2019-08-23 18:11
阅读 1124·2019-08-23 12:26