好用的项目初始化工具SCION升级啦！

zorro 发布于2019-08-20 16:28 / 1753人阅读

摘要：什么是是一个专门用于初始化项目的工具。只要你有一套模板，就能通过方便地把项目初始化出来。命令这条命令会添加一个模板信息到文件内，以便将来供使用。使用了去下载位于的项目作为模板。列出所有已保存的模板。修复无法跨平台使用的问题。

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 


  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）使用的问题。

云服务器混合云好用的爬虫工具好用的数据分析工具好用的php开发工具好用的数据可视化工具

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82940.html

深入认识vue-cli：能做的不仅仅是初始化vue工程

摘要：借助，我们通过非常简单的问答形式，方便地初始化一个工程，完全不需要担心繁复的配置等等。简单来说，就是不仅仅能初始化工程，理论上能够初始化一切工程，包括，等等等等，只要你有一份能够运行的模板，就能够通过进行工程的初始化。相信对于大部分使用过VueJS的同学来说，vue-cli是他们非常熟悉的一个工具。借助vue-cli，我们通过非常简单的问答形式，方便地初始化一个vue工程，完全不需要...

AlienZHOU 2019-08-21 17:09 评论0 收藏0
SegmentFault 社区访谈 | 依云：一只想依偎在云上的野百合

摘要：依云酱呢，是一名资深用户已经不会用现在的的，喜欢同时也属蛇，看来是命中注定，最近喜欢上了不是那个黄褐色的铁氧化合物哦。清蒸依云酱，我快死在你的标题上了。 showImg(https://segmentfault.com/img/bVRChj?w=900&h=385); 社区访谈的上期说到上帝有明是如何通过他的个人魅力撩得妹纸归，回忆传送门，不过逗得了妹纸笑，引得了汉纸拜（唔，崇拜的拜，...

wizChen 2019-07-30 14:20 评论0 收藏0
SegmentFault 社区访谈 | 依云：一只想依偎在云上的野百合

摘要：依云酱呢，是一名资深用户已经不会用现在的的，喜欢同时也属蛇，看来是命中注定，最近喜欢上了不是那个黄褐色的铁氧化合物哦。清蒸依云酱，我快死在你的标题上了。 showImg(https://segmentfault.com/img/bVRChj?w=900&h=385); 社区访谈的上期说到上帝有明是如何通过他的个人魅力撩得妹纸归，回忆传送门，不过逗得了妹纸笑，引得了汉纸拜（唔，崇拜的拜，...

fredshare 2019-06-28 10:21 评论0 收藏0
推荐几个我在用的开发工具（前端或者一些其他什么东西）

摘要：无所事事实在无聊，那么就推荐几个在用的工具好了。所以就需要现在推荐的这款，虚拟接口，可自定义返回数据，在没有接口的情况下可以先行开发页面哦。这时候就需要我们的真机调试工具啦，深入查看你的页面有什么问题，一目了然，简直不要太爽。无所事事实在无聊，那么就推荐几个在用的工具好了。1.虚拟接口介绍：在项目中经常遇到页面写太快，后端的小伙伴奶水不足的情况。所以就需要现在推荐的这款，虚拟接口，...

GraphQuery 2019-08-26 11:37 评论0 收藏0