Installing Angular Manually
Angular is a popular web application framework and development platform for creating efficient and sophisticated single‑page apps. While many hosting accounts provide automated installers, you may sometimes need to install Angular manually — for example, if you want a specific version or are working on an unmanaged server.
Why Install Angular Manually?
Section titled “Why Install Angular Manually?”- Greater control over version selection.
- Works on unmanaged VPS or dedicated servers.
- Useful for developers who want custom setups.
Steps to Install Angular Manually
Section titled “Steps to Install Angular Manually”-
Log in to Your Account via SSH.
- Use an SSH client to connect to your hosting account.
-
Create a Node.js Application Environment.
-
Run the following command (replace
example.comwith your domain):Terminal window cloudlinux-selector create --json --interpreter nodejs --version 18 --app-root angdemo --domain example.com --app-uri angdemo angdemo
-
-
Initialize Project Directory.
-
Navigate to the project folder:
Terminal window cd ~/angdemo -
Create a
package.jsonfile:{"name": "angdemo","version": "1.0.0","description": "My Demo App","main": "app.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "","license": "ISC"}
-
-
Install Node.js Modules.
-
Replace
usernamewith your account username:Terminal window cloudlinux-selector install-modules --json --interpreter nodejs --user username --app-root angdemo angdemo
-
-
Activate Virtual Environment.
-
Replace
usernamewith your account username:Terminal window source /home/username/nodevenv/angdemo/18/bin/activate && cd /home/username/angdemo
-
-
Configure Git (Optional).
-
Angular uses Git for version control. Configure your details:
Terminal window git config --global user.email "user@example.com"git config --global user.name "Username"
-
-
Install Angular CLI.
-
Run:
Terminal window npm config set strict-ssl falsenpm install -g @angular/cli
-
-
Create a New Angular App.
-
Example:
Terminal window ng new my-app -
This generates a new Angular project named
my-app.
-