資訊專欄INFORMATION COLUMN
摘要：什么是是一個(gè)專門用于初始化項(xiàng)目的工具。只要你有一套模板，就能通過方便地把項(xiàng)目初始化出來。命令這條命令會(huì)添加一個(gè)模板信息到文件內(nèi)，以便將來供使用。使用了去下載位于的項(xiàng)目作為模板。列出所有已保存的模板。修復(fù)無法跨平臺(tái)使用的問題。
1、什么是SCION
SCION是一個(gè)專門用于初始化項(xiàng)目的工具。只要你有一套模板，就能通過SCION方便地把項(xiàng)目初始化出來。同時(shí)SCION允許你添加多套模板，大大提升了工作效率。
關(guān)于SCION的誕生，可以查看我的這篇文章：《教你從零開始搭建一款前端腳手架工具》。
項(xiàng)目地址：https://github.com/jrainlau/s...
2、安裝可以通過yarn或者npm全局安裝使用：
yarn add scion-cli --global
npm install scion-cli -g3、使用方式
執(zhí)行scion命令，獲取詳細(xì)使用方式及說明：
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系統(tǒng)，在執(zhí)行add和delete命令的時(shí)候，需要加上sudo前綴。
這條命令會(huì)添加一個(gè)模板信息到templates.json文件內(nèi)，以便將來供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的項(xiàng)目作為模板。
list | l列出所有已保存的模板。
$ scion list ┌────────────────────┬────────────────┬────────┐ │ Template Name │ Owner/Name │ Branch │ ├────────────────────┼────────────────┼────────┤ │ my-first-template │ jrainlau/scion │ new │ ├────────────────────┼────────────────┼────────┤ │ my-second-template │ jrainlau/motto │ master │ └────────────────────┴────────────────┴────────┘init | i
在添加了模板以后，通過這條命令初始化你的項(xiàng)目。
$ scion init ? Template name: my-first-template ? Project name: my-project ? Where to init the project? ../ ? Downloading template... New project has been initialized successfully!
是不是很簡(jiǎn)單呢？
delete | d用于刪除一個(gè)模板。
$ 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、明白模板是什么
簡(jiǎn)單來說，一個(gè)“模板”就是一個(gè)保存在github或者gitlab項(xiàng)目，這個(gè)項(xiàng)目有著完整的目錄結(jié)構(gòu)，以其為模板的項(xiàng)目都會(huì)在當(dāng)前的目錄基礎(chǔ)上進(jìn)行擴(kuò)展。
6、升級(jí)信息使用cli-table優(yōu)化模板的輸出。
使用inquirer實(shí)現(xiàn)命令行交互功能。
使用download-git-repo去下載模板，避免了通過git clone會(huì)把.git文件夾也下載下來的問題。
修復(fù)無法跨平臺(tái)（MacOS, Windows）使用的問題。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/82940.html
摘要：借助，我們通過非常簡(jiǎn)單的問答形式，方便地初始化一個(gè)工程，完全不需要擔(dān)心繁復(fù)的配置等等。簡(jiǎn)單來說，就是不僅僅能初始化工程，理論上能夠初始化一切工程，包括，等等等等，只要你有一份能夠運(yùn)行的模板，就能夠通過進(jìn)行工程的初始化。 相信對(duì)于大部分使用過VueJS的同學(xué)來說，vue-cli是他們非常熟悉的一個(gè)工具。借助vue-cli，我們通過非常簡(jiǎn)單的問答形式，方便地初始化一個(gè)vue工程，完全不需要...
摘要：依云醬呢，是一名資深用戶已經(jīng)不會(huì)用現(xiàn)在的的，喜歡同時(shí)也屬蛇，看來是命中注定，最近喜歡上了不是那個(gè)黃褐色的鐵氧化合物哦。清蒸依云醬，我快死在你的標(biāo)題上了。 showImg(https://segmentfault.com/img/bVRChj?w=900&h=385); 社區(qū)訪談的上期說到上帝有明是如何通過他的個(gè)人魅力撩得妹紙歸，回憶傳送門，不過逗得了妹紙笑，引得了漢紙拜（唔，崇拜的拜，...
摘要：依云醬呢，是一名資深用戶已經(jīng)不會(huì)用現(xiàn)在的的，喜歡同時(shí)也屬蛇，看來是命中注定，最近喜歡上了不是那個(gè)黃褐色的鐵氧化合物哦。清蒸依云醬，我快死在你的標(biāo)題上了。 showImg(https://segmentfault.com/img/bVRChj?w=900&h=385); 社區(qū)訪談的上期說到上帝有明是如何通過他的個(gè)人魅力撩得妹紙歸，回憶傳送門，不過逗得了妹紙笑，引得了漢紙拜（唔，崇拜的拜，...
摘要：無所事事實(shí)在無聊，那么就推薦幾個(gè)在用的工具好了。所以就需要現(xiàn)在推薦的這款，虛擬接口，可自定義返回?cái)?shù)據(jù)，在沒有接口的情況下可以先行開發(fā)頁(yè)面哦。這時(shí)候就需要我們的真機(jī)調(diào)試工具啦，深入查看你的頁(yè)面有什么問題，一目了然，簡(jiǎn)直不要太爽。 無所事事實(shí)在無聊，那么就推薦幾個(gè)在用的工具好了。1.虛擬接口介紹： 在項(xiàng)目中經(jīng)常遇到頁(yè)面寫太快，后端的小伙伴奶水不足的情況。所以就需要現(xiàn)在推薦的這款，虛擬接口，...
閱讀 2554·2021-10-13 09:40
閱讀 3451·2019-08-30 13:46
閱讀 1190·2019-08-29 14:05
閱讀 3019·2019-08-29 12:48
閱讀 3725·2019-08-26 13:28
閱讀 2217·2019-08-26 11:34
閱讀 2360·2019-08-23 18:11
閱讀 1257·2019-08-23 12:26
