michaelhoffmantech / ngx-rocket-generator-sandbox

Sandbox to generate projects with generator ngx rocket

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ngx-rocket-generator-sandbox

Sandbox to generate projects with generator ngx rocket

Installation

Ran the command:

npm install -g generator-ngx-rocket

Create New Application

Ran the command from the command line:

ngx new

Then went through the new project wizard and selected/entered the following:

  1. Entered the project name as HelloWorld
  2. Selected Web App
  3. Other options included Mobile app (using Cordova) and Desktop app (using Electron)
  4. Selected Angular Material as the UI framework
  5. Other options included Ionic for mobile-oriented and Bootstrap for website-oriented
  6. Selected side menu with split panels, app-oriented
  7. Other option was Simple responsive header bar website-oriented
  8. I left the default feature selections: Progressive Web App, Authentication, Lazy loading and End-to-end tests with Cypress
  9. Other option was Analytics with Angulartics2
  10. Kept default language as en-US
  11. Additional tools included:
  12. Prettier for automatic code formatting (selected)
  13. Hads (markdown-based doc system) (selected)
  14. Compodoc (Angular doc generator)
  15. Jest (Jasmine test replacement)
  16. Protractor (deprecated)
  17. Puppeteer (embedded Chrome for testing)
  18. Additional libraries included:
  19. Lodash (collection and general utilities) (selected)
  20. Ramda (Lodash FP alternative)
  21. Moment.js (date management) (selected)
  22. Date-fns (Moment FP alternative)
  23. Automatic deployment
  24. No Deploy (selected)
  25. Firebase
  26. Azure
  27. Now
  28. Netlify
  29. GitHub Pages
  30. Amazon

The project then built successfully and the following tasks were available:

  • $ npm start: start dev server with live reload on http://localhost:4200
  • $ npm run build: build web app for production
  • $ npm test: run unit tests in watch mode for TDD
  • $ npm run test:ci: lint code and run units tests with coverage
  • $ npm run e2e: launch e2e tests
  • $ npm run docs: show docs and coding guides
  • $ npm run prettier: format your code automatically

Run Web Application

After creating the HelloWorld application, I ran the following command:

npm start

Server started and was available at: http://localhost:4200/

Logged in with admin/admin

About

Sandbox to generate projects with generator ngx rocket

License:GNU General Public License v3.0


Languages

Language:TypeScript 84.6%Language:HTML 7.9%Language:SCSS 4.0%Language:JavaScript 3.4%Language:Shell 0.1%