Assumptions
A) You have Maven 3.6.3 installed (the frontend-maven-plugin requires Maven 3.6.0 or greater)
[see learnMaven / howToInstallMaven_3.6.3.OnCentOS.txt]
B) You have NVM installed
[see learnNode / howToInstallNodeVersionManager.txt]
C) You have Java 17 JDK installed
[see learnJava / howToInstallJava_OpenJdk_OnCentos8.txt]
Procedures
1. Install or upgrade Node and the Angular CLI
a. Use NVM to install Node v18.17.0 # Angular 16.2 requires node 18.10.0 or later
unix> nvm install 18.17.0
unix> nvm alias default 18.17.0 # Set the default version in your shell to this version
b. Verify that Node is v18.17.0 / npm is 9.6.7
1) Open a new terminal
2) Verify that node is 18.17.0
unix> node -v
v18.17.0
3) Verify that NPM is 9.6.7
unix> npm -v
9.6.7
c. Install the Angular CLI 16.2
1) List npm global packages
unix> npm list -g --depth 0
├── [email protected]
└── [email protected]
2) Uninstall the previous version of your Angular CLI
unix> npm uninstall @angular/cli # uninstall the local angular CLI
unix> npm uninstall -g @angular/cli # uninstall the global angular CLI
3) Install Angular CLI 16.2.2
unix> npm install -g @angular/[email protected]
4) Verify the versions are good
unix> ng version
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 16.2.2
Node: 18.17.0
Package Manager: npm 9.6.7
OS: linux x64
Angular: undefined
...
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1602.2 (cli-only)
@angular-devkit/core 16.2.2 (cli-only)
@angular-devkit/schematics 16.2.2 (cli-only)
@schematics/angular 16.2.2 (cli-only)
5) List npm global packages
unix> npm list -g --depth 0
├── @angular/[email protected] <-- Verify that you see Angular CLI 16.2.2
├── [email protected]
└── [email protected]
2. Compile & Run the Web App
a. Clone the project
unix> git clone https://github.com/traderres/angularApp16.git
b. Build the project
unix> cd angularApp16
unix> git checkout lesson1/setup_project_structure
unix> mvn clean package -Pprod
c. Run the webapp
unix> java -jar ./backend/target/backend-1.0-SNAPSHOT-exec.jar
d. Connect to the webapp listening on port 8080
Go to http://localhost:8080/app16
e. Stop the webapp by pressing Control-C
angularapp16's Introduction
angularapp16's People
Forkers
armyninjaRecommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.