generator-fountain-webapp Yeoman 'fountain' genera

我要开发同款
匿名用户2021年12月09日
42阅读
开发技术JavaScript
所属分类Web应用开发、Web框架
授权协议MIT License

作品详情

⚠️Unmaintained

Thisprojecthasbeenarchivedandisconsideredoutdatedandunmaintained.

WiththemassiveriseoftheCLItoolsbyeachmajorJavaScriptWebframeworks,itwasbecomeirrelevanttopursuethequestofbeingacompetitiveprojectscaffolderformodernWebproject.

WeofficialyadvisetousethecorespondingCLItoolsfortheframeworkyouuse:

create-react-appforReactVueCLIforVue.jsAngularCLIforAngular

Ofcourse,wehavesomeregretsregardingourusers,YeomanusersandsomegoalswehadwithFountain(likegivingimportanttoolchoicestousers,harmonizingprojectsconfigurationsbetweenframeworks...)butstill,youcanuseofficialCLItoolswithconfidenceastheyaregreatprojectwhichwentfurtherfordevelopmentexperienceandWeboptimization.

FountainWebappGenerator

ThisYeomangeneratorallowsyoutostartanyWebappwiththebestDeveloperExperienceoutofthebox!

Nomatterwhatframeworkormodulemanagementyouwanttouse,wegotyoucoveredwithacuttingedgeworkingconfiguration.

WeuseGulp4asataskmanagerbutwe'llaskyouquestionsabout:

Framework:React,Angular2,Angular1,Vue2Modulesmanagement:Webpack,SystemJS,noneJSpreprocessor:Babel,TypeScript,noneCSSpreprocessor:Sass,Stylus,Less,none

ThisgeneratoristheentrypointoftheYeomanFountaingeneratorsforwebapps.Itcanbeconsideredasthev2ofgenerator-gulp-angular.

GeneratorFountainWebappstructure

TotakeprofitofthebestoftheYeomaninfrastructure,weheavilyreliesonthecomposabilitynaturesofthegenerators.

Thereby,eachneedsofyourfutureapplicationwillbeaddressedbyadedicatedYeomangenerator(eachwillbeuseddependingoftheoptionsyouselectedornot).

MoreinformationsinDESIGN.md.

Webframeworklayer

Thisgeneratorscanbeuseddirectlytobypasstheframeworkquestion.

Webtoolinglayer

Modulemanagementlayer

UsageRequirementNode6+&&NPM3+

ThisgeneratoristargetedtobeusedwithNode>=6.0.0andNPM=>3.0.0.Youcancheckyourversionnumberwiththecommand

node--version&&npm--versionInstallInstallrequiredtoolsyo:npminstall-gyoInstallgenerator-fountain-webapp:npminstall-ggenerator-fountain-webappRunCreateanewdirectory,andgointo:mkdirmy-new-project&&cdmy-new-projectRunyofountain-webapp,andselectdesiredtechnologies:yofountain-webappUseNPMscriptsnpmrunbuildtobuildanoptimizedversionofyourapplicationin/distnpmrunservetolaunchabrowsersyncserveronyoursourcefilesnpmrunserve:disttolaunchaserveronyouroptimizedapplicationnpmruntesttolaunchyourunittestswithKarmanpmruntest:autotolaunchyourunittestswithKarmainwatchmodeOrGulptasks

Ifyouhavegulp-cliinstalledinglobalpackagesyoucanuseequivalent:

gulporgulpbuildgulpservegulpserve:distgulptestgulptest:auto

Ifyoudon'thavegulp-cliinstalledinglobal,youshouldhavethiserror:

/usr/local/lib/node_modules/gulp/bin/gulp.js:121gulpInst.start.apply(gulpInst,toRun);TypeError:Cannotreadproperty'apply'ofundefined

Sub-generators

Ifyouwanttoaccesssub-generators,youhavetogloballyinstalloneofthefollowinggenerators:

generator-fountain-reactgenerator-fountain-angular2generator-fountain-angular1generator-fountain-vueStartdevelopmentBackers

Supportuswithamonthlydonationandhelpuscontinueouractivities.

Sponsors

Becomeasponsorandgetyourlogoonourwebsitefountainjs.ioandonourREADMEonGithubwithalinktoyoursite.

ChangelogContributing
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论