0% found this document useful (0 votes)
15 views11 pages

Local Environment Setup Guide

The document provides information about the Angular core framework version 12.2.16, including its dependencies, installation instructions for Node.js, and solutions for common errors encountered when running Angular commands. It outlines steps to set execution policies in PowerShell to enable script execution and includes links to various resources for further assistance. Additionally, it describes how to create a new Angular project and run it locally.

Uploaded by

gayathri Jayalal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
15 views11 pages

Local Environment Setup Guide

The document provides information about the Angular core framework version 12.2.16, including its dependencies, installation instructions for Node.js, and solutions for common errors encountered when running Angular commands. It outlines steps to set execution policies in PowerShell to enable script execution and includes links to various resources for further assistance. Additionally, it describes how to create a new Angular project and run it locally.

Uploaded by

gayathri Jayalal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 11

-----------------------

"name": "@angular/core",

"version": "12.2.16",

"description": "Angular - the core framework",

"author": "angular",

"license": "MIT",

"engines": {

"node": "^12.14.1 || >=14.0.0"

"dependencies": {

"tslib": "^2.2.0"

"peerDependencies":
{

"rxjs":
"^6.5.3 ||
^7.0.0",

"zone.js":
"~0.11.4"

}
"ng-update": {

"migrations": "./schematics/migrations.json",

"packageGroup": [

"@angular/core",

"@angular/bazel",

"@angular/common",
"@angular/compiler",

"@angular/compiler-cli",

"@angular/animations",

"@angular/elements",

"@angular/platform-browser",

"@angular/platform-browser-dynamic",

"@angular/forms",

"@angular/platform-server",

"@angular/upgrade",

"@angular/router",

"@angular/language-service",

"@angular/localize",

"@angular/service-worker"

https://nodejs.org/en/

Download any version mentioned in engines section of Angular 12 version to download Node.JS

https://nodejs.org/dist/v14.17.5/docs/api/

https://nodejs.org/dist/v14.17.3/docs/api/

https://github.com/nodejs/node/blob/master/doc/changelogs/CHANGELOG_V14.md#14.17.5

Downloaded 16.14.0 LTS Node.JS version

Latest LTS Version: 16.14.0 (includes npm 8.3.1)


Click Download button to download for windows(.msi files & open file)

Start Installation by accepting License Agreement, provide path, next, Ins.

Path: C:\Program Files\nodejs\


If you get error:

Solution : Set Node.JS Path in environment variables


Click ok & restart system.

https://docs.npmjs.com/about-npm
To install the Angular CLI, open a terminal window and run the following
command:

npm install -g @angular/cli@12

npm install

If you get error:

https://www.c-sharpcorner.com/article/how-to-fix-ps1-can-not-be-
loaded-because-running-scripts-is-disabled-on-this-sys/

Introduction
When you have to run your Angular project or any ng command, you may
see that the system shows the below error:

ng: File C:\Users\admin\AppData\Roaming\npm\ng.ps1 cannot be loaded


because running scripts is disabled on this system. For more information, see
about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.

At line:1 char:1
+ ng --v
+ ~~
+ CategoryInfo : SecurityError: (:) [], PSSecurityException
+ FullyQualifiedErrorId : unauthorized access

Solution
This error occurs when your system has disabled the running script and your
system is can’t accept the ng commands. This error occurs due to security
reasons and won't let the script be executed on your system without your
approval. Then you have to open the PowerShell with administrative rights.

To solve this problem, you need to follow a few steps:

Step 1

First, you have to need to open the command prompt and run this command.
1. set-ExecutionPolicy RemoteSigned -Scope CurrentUser
When you run this command, you can see that your system has set all
policies for the current user as remotely. It will take few seconds to complete
this process.
The image will be shown like below.

Now you have to go to the next step.

Step 2

Now you have to run the second command on your system. This command
is:
1. Get-ExecutionPolicy
When you have run this command your system has a show “RemoteSigned”.
If you have received this message, then your problem will be solved. Now
you have to go to the next step to view the list of policy which policy has
been updated by the last commands.
The image will be shown as below:

Step 3

To view their policy, you need to run this command in your command
prompt:
1. Get-ExecutionPolicy -list
When you run this command, a few policies are shown on your monitor
screen. These policies are:

Scope ExecutionPolicy
----- ---------------
MachinePolicy Undefined
UserPolicy Undefined
Process Undefined
CurrentUser RemoteSigned
LocalMachine Undefined
CurrentUser RemoteSigned
LocalMachine Undefined
Now you can see your system execution policy list. You have successfully
solved your problem. Now you need to go to the command prompt and check
that your problem is solved.

Now I run an ng command in my command prompt. This command is “ ng --


version”. To check my CLI version. When I run it, the ng command the output
will be shown like this:

OUTPUT

You can see that the ng command has been run successfully. Now my
problem is solved.
To create new project

cd my-app

ng serve –open

http://localhost:4200/

The --open (or just -o) option automatically opens your browser
to http://localhost:4200/.

https://github.com/eirslett/frontend-maven-plugin

https://medium.com/sparkles-blog/angular-in-the-enterprise-building-angular-apps-through-maven-
3ca535152f85
https://medium.com/sparkles-blog/angular-in-the-enterprise-building-angular-apps-through-maven-
3ca535152f85

NODE & NPM

https://frakton.com/utilizing-maven-front-end-plugin-for-angular-spring-boot/

https://github.com/FraktonDevelopers/spring-boot-angular-maven-build

https://dzone.com/articles/building-a-web-app-using-spring-boot-angular-6-and

https://github.com/swathisprasad/spring-boot-angular6-maven-project

https://stackoverflow.com/questions/38532210/how-to-integrate-angular-2-java-maven-web-
application

https://github.com/xcesco/files-on-cloud

https://github.com/eirslett/frontend-maven-plugin
ng init – To initialize npm & node

https://www.codeusingjava.com/full/full1

https://www.baeldung.com/spring-boot-angular-web

https://www.bezkoder.com/angular-12-crud-app/

https://www.bezkoder.com/integrate-angular-12-spring-boot/

https://marco.dev/deploy-java-angular-one

https://github.com/angelozerr/angular-eclipse/issues

https://www.javaguides.net/2021/08/angular-12-spring-boot-crud-example.html

You might also like