ngxp-quotes-app

我要开发同款
匿名用户2021年11月26日
45阅读
开发技术JavaScriptTypeScript
所属分类手机/移动开发
授权协议MIT License

作品详情

NGXPQuotesApp

QuotesapplicationforWebandMobile(Android,iOS)withsinglecodebasebuitwithAngularandNativescript.

Ifyouwanttocreateyourowncross-platformappsimilartothis,checkthisstarter:nativescript-angular-web-starter.

PreviewsandScreenshots

YoucancheckpreviewsandscreenshotsofthisapplicationforWeb,AndroidandiOSplatformsatngxp.io

PrerequisitesGloballyinstalledNativecript-npminstall-gnativescriptGloballyinstalledAngularCLI-npminstall-gangular-cliMacOStobuildiOSapp.Installationgitclonehttps://github.com/shripalsoni04/ngxp-quotes-app.gitcdngxp-quotes-appnpmrunngxp-installAsweareusingnativescript-firebaseplugin,justpressyforbelowtwoquestionswhenaskedwhileinstallation.areyouusingiOS?areyouusingandroid?Forallotherquestionspressn.RunWebapplication

npmstart-Thiswillstarttheapplicationathttps://localhost:4200.

RuniOSApplicationFirststartthesimulatororconnecttheiOSdevice.Executenpmrunstart.iosNote-IfyouareusingXCode8thenyouneedtosettheDEVELPMENT_TEAM.Therearetwowaystosetit.UsingXCodeAfterexecutingnpmrunstart.ioscommand,openprojectwordspacefilenativescript/platforms/ios/nativescript.xcworkspaceinXCodeClickonnativescriptprojectinXCodeandsetTeamfromGeneralTab.Theissuewiththieapproachis,youneedtosetiteverytimeyouremoveandaddtheiOSplatform.Frombuild.xconfig(preferable)Opennativescript/app/App_Resources/iOS/build.xconfigfile.UncommentDEVELOPMENT_TEAM=YOUR_TEAM_ID;line,andenteryourteamid.RunAndroidApplicationExecutenpmrunstart.androidCommands

Youcanexecuteanyvalidcommandofangular-clifromweb/folderandanyvalidcommandofnativescript-clifromnativescript/folder.Forconvenincebelowarethecommandswhichyoucanexecutefromrootdirectory.

CommonCommandDescriptionnpmrunngxp-installInstallsdependenciesofwebandnativescriptapplications.Createssymlinkofx-sharedfolderinbothwebandnativescriptproject.WebApplicationCommandDescriptionnpmstartStartswebapplicationathttps://localhost:4200npmrunstart.prodStartswebapplicationinproductionmode.Runsuglificationandminification.npmrunstart.aotPerformsAOTforwebapplicationtemplatesandstartswebapplication.npmrunstart.aot.prodPerformsAOT,minification,uglificationandstartswebapplication.npmrunbuildBuildsthewebapplicationandcopythebuiltprojectinweb/distfolder.npmrunbuild.prodBuildsthewebapplicationinproductionmodeandcopythebuiltprojectinweb/distfolder.npmrunbuild.aotPerformsAOT,buildtheprojectandthencopythebuiltprojectinweb/distfolder.npmrunbuild.aot.prodPerformsAOT,preparesproductionbuildandthencopythebuiltprojectinweb/distfolder.npmtestRunswebapplicationandx-sharedunittestcases.Itwillnotgeneratecodecoveragereport.npmruntest-ccRunswebapplicationandx-sharedunittestcasesandgeneratescodecoveragereport.NativescriptApplicationCommandDescriptionnpmrunstart.iosRunsapplicationoniOSemulator/devicenpmrunstart.androidRunsapplicationonAndroidemulator/devicenpmrunlivesync.iosStartsapplicationinlivesyncmodeoniOSemulator/device.npmrunlivesync.androidStartsapplicationinlivesyncmodeonAndroidemulator/device.KnownIssuesandSolutionAngulardependenciesattwolevelsforAOTsupport

Currentlywehaveaddedangulardependenciesinrootlevelpackage.jsonandweb/package.json.Because,AOTdoesnotworkproperlywhenweusepathmappingandthisissueisreportedandcanbetrakedathttps://github.com/angular/angular-cli/issues/1732andPR:https://github.com/angular/angular-cli/pull/2470.Oncethisissueisresolvedwecanaddpathmappingasshownbelowandremovetheangulardependenciesfromweb/package.json,soincaseofanyversionupdatewejustneedtochangetheversionatrootdirectorylevel.

web/src/tsconfig.json

"paths":{"@angular/*":["../../node_modules/@angular/*"]}Attributes(Allarenpmpackages)nativescript-cardviewnativescript-floatingactionbuttonnativescript-iqkeyboardmanagernativescript-material-iconsnativescript-ngx-fonticonnativescript-plugin-firebasenativescript-social-sharenativescript-swiss-army-knifenativescript-theme-coreangular-mdlAwesomeframeworkandtoolchainofNativescriptandAngular.
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论