generator-jhipster-primeng
Generate PrimeNG components and their features
File Explorer
Download Latest Version (.zip)- FUNDING.yml
- Dockerfile
- constants.js
- demo-constants.js
- buttondemo.component.html
- buttondemo.component.ts
- buttondemo.module.ts
- buttondemo.route.ts
- index.ts
- index.ts
- splitbuttondemo.component.html
- splitbuttondemo.component.ts
- splitbuttondemo.module.ts
- splitbuttondemo.route.ts
- barchartdemo.component.html
- barchartdemo.component.ts
- barchartdemo.module.ts
- barchartdemo.route.ts
- index.ts
- doughnutchartdemo.component.html
- doughnutchartdemo.component.ts
- doughnutchartdemo.module.ts
- doughnutchartdemo.route.ts
- index.ts
- index.ts
- linechartdemo.component.html
- linechartdemo.component.ts
- linechartdemo.module.ts
- linechartdemo.route.ts
- index.ts
- piechartdemo.component.html
- piechartdemo.component.ts
- piechartdemo.module.ts
- piechartdemo.route.ts
- index.ts
- polarareachartdemo.component.html
- polarareachartdemo.component.ts
- polarareachartdemo.module.ts
- polarareachartdemo.route.ts
- index.ts
- radarchartdemo.component.html
- radarchartdemo.component.ts
- radarchartdemo.module.ts
- radarchartdemo.route.ts
- browser.service.ts
- browser.ts
- carouseldemo.component.html
- carouseldemo.component.ts
- carouseldemo.module.ts
- carouseldemo.route.ts
- index.ts
- browser.service.ts
- browser.ts
- dataviewdemo.component.html
- dataviewdemo.component.ts
- dataviewdemo.module.ts
- dataviewdemo.route.ts
- index.ts
- event.ts
- event.service.ts
- fullcalendardemo.component.html
- fullcalendardemo.component.ts
- fullcalendardemo.module.ts
- fullcalendardemo.route.ts
- index.ts
- gmapdemo.component.html
- gmapdemo.component.ts
- gmapdemo.module.ts
- gmapdemo.route.ts
- index.ts
- country.service.ts
- country.ts
- index.ts
- orderlistdemo.component.html
- orderlistdemo.component.ts
- orderlistdemo.module.ts
- orderlistdemo.route.ts
- vcard.service.ts
- vcard.ts
- index.ts
- orgchartdemo.component.html
- orgchartdemo.component.ts
- orgchartdemo.module.ts
- orgchartdemo.route.ts
- index.ts
- paginatordemo.component.html
- paginatordemo.component.ts
- paginatordemo.module.ts
- paginatordemo.route.ts
- country.service.ts
- country.ts
- index.ts
- picklistdemo.component.html
- picklistdemo.component.ts
- picklistdemo.module.ts
- picklistdemo.route.ts
- browser.service.ts
- browser.ts
- mybrowser.ts
- index.ts
- tabledemo.component.html
- tabledemo.component.ts
- tabledemo.module.ts
- tabledemo.route.ts
- treenode.service.ts
- index.ts
- treedemo.component.html
- treedemo.component.ts
- treedemo.module.ts
- treedemo.route.ts
- treenode.service.ts
- index.ts
- treetabledemo.component.html
- treetabledemo.component.ts
- treetabledemo.module.ts
- treetabledemo.route.ts
- browser.service.ts
- browser.ts
- index.ts
- virtualscrollerdemo.component.html
- virtualscrollerdemo.component.ts
- virtualscrollerdemo.module.ts
- virtualscrollerdemo.route.ts
- document.service.ts
- document.ts
- dragdropdemo.component.html
- dragdropdemo.component.ts
- dragdropdemo.module.ts
- dragdropdemo.route.ts
- index.ts
- fileuploaddemo.component.html
- fileuploaddemo.component.ts
- fileuploaddemo.module.ts
- fileuploaddemo.route.ts
- index.ts
- country.service.ts
- country.ts
- autocompletedemo.component.html
- autocompletedemo.component.ts
- autocompletedemo.module.ts
- autocompletedemo.route.ts
- index.ts
- calendardemo.component.html
- calendardemo.component.ts
- calendardemo.module.ts
- calendardemo.route.ts
- index.ts
- checkboxdemo.component.html
- checkboxdemo.component.ts
- checkboxdemo.module.ts
- checkboxdemo.route.ts
- index.ts
- chipsdemo.component.html
- chipsdemo.component.ts
- chipsdemo.module.ts
- chipsdemo.route.ts
- index.ts
- colorpickerdemo.component.html
- colorpickerdemo.component.ts
- colorpickerdemo.module.ts
- colorpickerdemo.route.ts
- index.ts
- editordemo.component.html
- editordemo.component.ts
- editordemo.module.ts
- editordemo.route.ts
- index.ts
- index.ts
- inputgroupdemo.component.html
- inputgroupdemo.component.ts
- inputgroupdemo.module.ts
- inputgroupdemo.route.ts
- index.ts
- inputmaskdemo.component.html
- inputmaskdemo.component.ts
- inputmaskdemo.module.ts
- inputmaskdemo.route.ts
- index.ts
- inputswitchdemo.component.html
- inputswitchdemo.component.ts
- inputswitchdemo.module.ts
- inputswitchdemo.route.ts
- index.ts
- inputtextdemo.component.html
- inputtextdemo.component.ts
- inputtextdemo.module.ts
- inputtextdemo.route.ts
- index.ts
- inputtextareademo.component.html
- inputtextareademo.component.ts
- inputtextareademo.module.ts
- inputtextareademo.route.ts
- index.ts
- keyfilterdemo.component.html
- keyfilterdemo.component.ts
- keyfilterdemo.module.ts
- keyfilterdemo.route.ts
- index.ts
- listboxdemo.component.html
- listboxdemo.component.ts
- listboxdemo.module.ts
- listboxdemo.route.ts
- index.ts
- passwordindicatordemo.component.html
- passwordindicatordemo.component.ts
- passwordindicatordemo.module.ts
- passwordindicatordemo.route.ts
- index.ts
- radiobuttondemo.component.html
- radiobuttondemo.component.ts
- radiobuttondemo.module.ts
- radiobuttondemo.route.ts
- index.ts
- ratingdemo.component.html
- ratingdemo.component.ts
- ratingdemo.module.ts
- ratingdemo.route.ts
- country.service.ts
- country.ts
- index.ts
- selectdemo.component.html
- selectdemo.component.ts
- selectdemo.module.ts
- selectdemo.route.ts
- index.ts
- selectbuttondemo.component.html
- selectbuttondemo.component.ts
- selectbuttondemo.module.ts
- selectbuttondemo.route.ts
- index.ts
- sliderdemo.component.html
- sliderdemo.component.ts
- sliderdemo.module.ts
- sliderdemo.route.ts
- index.ts
- spinnerdemo.component.html
- spinnerdemo.component.ts
- spinnerdemo.module.ts
- spinnerdemo.route.ts
- index.ts
- togglebuttondemo.component.html
- togglebuttondemo.component.ts
- togglebuttondemo.module.ts
- togglebuttondemo.route.ts
- breadcrumbdemo.component.html
- breadcrumbdemo.component.ts
- breadcrumbdemo.module.ts
- breadcrumbdemo.route.ts
- index.ts
- employee.service.ts
- employee.ts
- contextmenudemo.component.html
- contextmenudemo.component.ts
- contextmenudemo.module.ts
- contextmenudemo.route.ts
- index.ts
- index.ts
- megamenudemo.component.html
- megamenudemo.component.ts
- megamenudemo.module.ts
- megamenudemo.route.ts
- index.ts
- menudemo.component.html
- menudemo.component.ts
- menudemo.module.ts
- menudemo.route.ts
- index.ts
- menubardemo.component.html
- menubardemo.component.ts
- menubardemo.module.ts
- menubardemo.route.ts
- index.ts
- panelmenudemo.component.html
- panelmenudemo.component.ts
- panelmenudemo.module.ts
- panelmenudemo.route.ts
- index.ts
- slidemenudemo.component.html
- slidemenudemo.component.ts
- slidemenudemo.module.ts
- slidemenudemo.route.ts
- index.ts
- stepsdemo.component.html
- stepsdemo.component.ts
- stepsdemo.module.ts
- stepsdemo.route.ts
- downloads.component.html
- downloads.component.ts
- overview.component.html
- overview.component.ts
- index.ts
- tabmenudemo.component.html
- tabmenudemo.component.ts
- tabmenudemo.module.ts
- tabmenudemo.route.ts
- index.ts
- tieredmenudemo.component.html
- tieredmenudemo.component.ts
- tieredmenudemo.module.ts
- tieredmenudemo.route.ts
- index.ts
- messagesdemo.component.html
- messagesdemo.component.ts
- messagesdemo.module.ts
- messagesdemo.route.ts
- index.ts
- toastdemo.component.html
- toastdemo.component.ts
- toastdemo.module.ts
- toastdemo.route.ts
- blockuidemo.component.html
- blockuidemo.component.ts
- blockuidemo.module.ts
- blockuidemo.route.ts
- index.ts
- captchademo.component.html
- captchademo.component.ts
- captchademo.module.ts
- captchademo.route.ts
- index.ts
- browser.service.ts
- browser.ts
- mybrowser.ts
- deferdemo.component.html
- deferdemo.component.ts
- deferdemo.module.ts
- deferdemo.route.ts
- index.ts
- browser.service.ts
- browser.ts
- mybrowser.ts
- index.ts
- inplacedemo.component.html
- inplacedemo.component.ts
- inplacedemo.module.ts
- inplacedemo.route.ts
- index.ts
- progressbardemo.component.html
- progressbardemo.component.ts
- progressbardemo.module.ts
- progressbardemo.route.ts
- index.ts
- progressspinnerdemo.component.html
- progressspinnerdemo.component.ts
- progressspinnerdemo.module.ts
- progressspinnerdemo.route.ts
- index.ts
- rtldemo.component.html
- rtldemo.component.ts
- rtldemo.module.ts
- rtldemo.route.ts
- index.ts
- terminaldemo.component.html
- terminaldemo.component.ts
- terminaldemo.module.ts
- terminaldemo.route.ts
- index.ts
- validationdemo.component.html
- validationdemo.component.ts
- validationdemo.module.ts
- validationdemo.route.ts
- galleriademo.component.html
- galleriademo.component.ts
- galleriademo.module.ts
- galleriademo.route.ts
- index.ts
- confirmdialogdemo.component.html
- confirmdialogdemo.component.ts
- confirmdialogdemo.module.ts
- confirmdialogdemo.route.ts
- index.ts
- dialogdemo.component.html
- dialogdemo.component.ts
- dialogdemo.module.ts
- dialogdemo.route.ts
- index.ts
- index.ts
- lightboxdemo.component.html
- lightboxdemo.component.ts
- lightboxdemo.module.ts
- lightboxdemo.route.ts
- score.service.ts
- score.ts
- index.ts
- overlaypaneldemo.component.html
- overlaypaneldemo.component.ts
- overlaypaneldemo.module.ts
- overlaypaneldemo.route.ts
- index.ts
- sidebardemo.component.html
- sidebardemo.component.ts
- sidebardemo.module.ts
- sidebardemo.route.ts
- index.ts
- tooltipdemo.component.html
- tooltipdemo.component.ts
- tooltipdemo.module.ts
- tooltipdemo.route.ts
- accordiondemo.component.html
- accordiondemo.component.ts
- accordiondemo.module.ts
- accordiondemo.route.ts
- index.ts
- carddemo.component.html
- carddemo.component.ts
- carddemo.module.ts
- carddemo.route.ts
- index.ts
- fieldsetdemo.component.html
- fieldsetdemo.component.ts
- fieldsetdemo.module.ts
- fieldsetdemo.route.ts
- index.ts
- flexgriddemo.component.html
- flexgriddemo.component.ts
- flexgriddemo.module.ts
- flexgriddemo.route.ts
- index.ts
- index.ts
- paneldemo.component.html
- paneldemo.component.ts
- paneldemo.module.ts
- paneldemo.route.ts
- index.ts
- scrollpaneldemo.component.html
- scrollpaneldemo.component.ts
- scrollpaneldemo.module.ts
- scrollpaneldemo.route.ts
- index.ts
- tabviewdemo.component.html
- tabviewdemo.component.ts
- tabviewdemo.module.ts
- tabviewdemo.route.ts
- index.ts
- toolbardemo.component.html
- toolbardemo.component.ts
- toolbardemo.module.ts
- toolbardemo.route.ts
- primeng.module.ts
- man.png
- women.png
- firefox.png
- ie.png
- safari.png
- Golf.png
- Jetta.png
- Passat.png
- Polo.png
- Scirocco.png
- Touareg.png
- Yeni.png
- ad.png
- ae.png
- af.png
- ag.png
- al.png
- am.png
- ao.png
- ar.png
- at.png
- au.png
- az.png
- ba.png
- bb.png
- bd.png
- be.png
- bf.png
- bg.png
- bh.png
- bi.png
- bj.png
- bn.png
- bo.png
- br.png
- bs.png
- bt.png
- bw.png
- by.png
- bz.png
- ca.png
- cd.png
- cf.png
- cg.png
- ch.png
- ci.png
- cl.png
- cm.png
- cn.png
- co.png
- cr.png
- cu.png
- cv.png
- cy.png
- cz.png
- de.png
- dj.png
- dk.png
- dm.png
- do.png
- dz.png
- ec.png
- ee.png
- eg.png
- eh.png
- er.png
- es.png
- et.png
- fi.png
- fj.png
- fm.png
- fr.png
- ga.png
- gb.png
- gd.png
- ge.png
- gh.png
- gm.png
- gn.png
- gq.png
- gr.png
- gt.png
- gw.png
- gy.png
- hn.png
- hr.png
- ht.png
- hu.png
- id.png
- ie.png
- il.png
- in.png
- iq.png
- ir.png
- is.png
- it.png
- jm.png
- jo.png
- jp.png
- ke.png
- kg.png
- kh.png
- ki.png
- km.png
- kn.png
- kp.png
- kr.png
- ks.png
- kw.png
- kz.png
- la.png
- lb.png
- lc.png
- li.png
- lk.png
- lr.png
- ls.png
- lt.png
- lu.png
- lv.png
- ly.png
- ma.png
- mc.png
- md.png
- me.png
- mg.png
- mh.png
- mk.png
- ml.png
- mm.png
- mn.png
- mr.png
- mt.png
- mu.png
- mv.png
- mw.png
- mx.png
- my.png
- mz.png
- na.png
- ne.png
- ng.png
- ni.png
- nl.png
- no.png
- np.png
- nr.png
- nz.png
- om.png
- pa.png
- pe.png
- pg.png
- ph.png
- pk.png
- pl.png
- pt.png
- pw.png
- py.png
- qa.png
- ro.png
- rs.png
- ru.png
- rw.png
- sa.png
- sb.png
- sc.png
- sd.png
- se.png
- sg.png
- si.png
- sk.png
- sl.png
- sm.png
- sn.png
- so.png
- sr.png
- st.png
- sv.png
- sy.png
- sz.png
- td.png
- tg.png
- th.png
- tj.png
- tl.png
- tm.png
- tn.png
- to.png
- tr.png
- tt.png
- tv.png
- tw.png
- tz.png
- ua.png
- ug.png
- us.png
- uy.png
- uz.png
- va.png
- vc.png
- ve.png
- vn.png
- vu.png
- ws.png
- ye.png
- za.png
- zm.png
- zw.png
- dvi.png
- mid.png
- mp3.png
- perl.png
- ppt.png
- swf.png
- wav.png
- xls.png
- xml.png
- loader.svg
- angular2.svg
- angular4.png
- angularjs.png
- primefaces.png
- primeng.png
- primereact.png
- primeui.png
- user.png
- browsers.json
- cities.json
- countries.json
- documents.json
- employees.json
- fullcalendarevents.json
- places.json
- scores.json
- vcards.json
- ironman.mp4
- primeng-resources.scss
- primeng.json
- _primeng.spec.ts
- index.js
- application.png
- components-2.1.png
- components.png
- groups-2.3.png
- groups.png
- theme-2.1.png
- theme.png
- navbar.component.html
- vendor.ts
- global.json
- global.json
- .yo-rc.json
- package.json
- navbar.component.html
- vendor.ts
- .yo-rc.json
- package.json
- navbar.component.html
- vendor.ts
- global.json
- global.json
- .yo-rc.json
- package.json
- navbar.component.html
- vendor.ts
- .yo-rc.json
- package.json
- navbar.component.html
- vendor.ts
- global.json
- global.json
- .yo-rc.json
- package.json
- test-app.js
- .editorconfig
- .eslintignore
- .eslintrc.json
- .gitattributes
- .gitignore
- .travis.yml
- .yo-rc.json
- gulpfile.js
- LICENSE.md
- package-lock.json
- package.json
- README.md
- yarn.lock
# Installation Guide
1. Get the code
git clone https://github.com/sudheerj/generator-jhipster-primeng
Downloads the entire project code from GitHub to your computer.
cd generator-jhipster-primeng
Moves into the project folder you just downloaded.
2. Official Install Script
Easy RecommendedPrerequisites
- Node.js Node.js must be installed to use npm.
npm install -g generator-jhipster-primeng
Installs the package published on the npm registry globally โ no need to clone the source.
After installing, open a new terminal and run the program's version command (e.g. --version) to confirm it worked.
Pulled directly from this repo's README.
3. Docker
EasyPrerequisites
- Git Needed to download the project code from GitHub.
- Docker Desktop Needed to build and run containers. Install it and keep it running in the background.
mkdir docker
Type this command into your terminal and run it.
cd docker
Moves into the project folder you just downloaded.
wget https://github.com/sudheerj/generator-jhipster-primeng/raw/master/docker/Dockerfile
Type this command into your terminal and run it.
docker build -t jhipster-generator-primeng:latest .
Builds a runnable image based on the Dockerfile.
docker run -it --rm -v $PWD:/home/jhipster/app jhipster-generator-primeng
Runs the built image as an actual container.
Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.
Pulled directly from this repo's README.
4. Node.js
EasyPrerequisites
yarn global add yo
Type this command into your terminal and run it.
yarn global add generator-jhipster-primeng
Type this command into your terminal and run it.
yarn global upgrade generator-jhipster-primeng
Type this command into your terminal and run it.
npm install -g generator-jhipster-primeng
Installs the package published on the npm registry globally โ no need to clone the source.
npm update -g generator-jhipster-primeng
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)