好用的項目初始化工具SCION升級啦！

zorro 發布于2019-08-20 16:28 / 1894人閱讀

摘要：什么是是一個專門用于初始化項目的工具。只要你有一套模板，就能通過方便地把項目初始化出來。命令這條命令會添加一個模板信息到文件內，以便將來供使用。使用了去下載位于的項目作為模板。列出所有已保存的模板。修復無法跨平臺使用的問題。

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）使用的問題。

GPU云服務器云服務器好用的爬蟲工具好用的數據分析工具好用的php開發工具好用的數據可視化工具

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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