{"id":659,"date":"2020-09-16T09:52:00","date_gmt":"2020-09-16T04:22:00","guid":{"rendered":"https:\/\/www.cyberwebservice.com\/blog\/?p=659"},"modified":"2024-06-25T10:19:02","modified_gmt":"2024-06-25T04:49:02","slug":"how-to-install-angular-manually","status":"publish","type":"post","link":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/","title":{"rendered":"How to install Angular manually"},"content":{"rendered":"\n

Angular<\/a>\u00a0is a popular web application framework and development platform for creating efficient and sophisticated single-page apps. Angular was formerly known as AngularJS.<\/p>\n\n\n\n

This article demonstrates how to install\u00a0Angular from the command line on Shared Web hosting accounts.<\/p>\n\n\n\n

Installing Angular<\/h4>\n\n\n\n

To install Angular on your account, follow these steps:<\/p>\n\n\n\n

    \n
  1. Log in to your cPanel account. Create SSH Key from cPanel\u2013>Security\u2013>SSH Access. Go to terminal from cPanel\u2013>Advanced\u2013>Terminal. Please use SSH Port: 7822.<\/li>\n\n\n\n
  2. At the command prompt, type the following commands. Replace\u00a0example.com<\/em>\u00a0with your own domain name:Copycloudlinux-selector create \u2013json \u2013interpreter nodejs \u2013version 18 \u2013app-root angdemo \u2013domain example.com<\/em> \u2013app-uri angdemo cd ~\/angdemo<\/li>\n\n\n\n
  3. In your preferred text editor, create a file named\u00a0package.json<\/em>\u00a0in the\u00a0~\/angdemo<\/em>\u00a0directory. Copy the following text and then paste it into the\u00a0package.json<\/em>\u00a0file:
    { \u00a0 \u00a0 \u201cname\u201d: \u201cangdemo\u201d, \u00a0 \u00a0 \u201cversion\u201d: \u201c1.0.0\u201d, \u00a0 \u00a0 \u201cdescription\u201d: \u201cMy Demo App\u201d, \u00a0 \u00a0 \u201cmain\u201d: \u201capp.js\u201d, \u00a0 \u00a0 \u201cscripts\u201d: { \u00a0 \u00a0 \u00a0 \u201ctest\u201d: \u201cecho \\\u201dError: no test specified\\\u201d && exit 1\u2033 \u00a0 \u00a0 }, \u00a0 \u00a0 \u201cauthor\u201d: \u201c\u201d, \u00a0 \u00a0 \u201clicense\u201d: \u201cISC\u201d }<\/li>\n\n\n\n
  4. Save your changes to the\u00a0package.json<\/em>\u00a0file.<\/li>\n\n\n\n
  5. Type the following command. Replace\u00a0username<\/em>\u00a0with your own account username:
    Copycloudlinux-selector install-modules \u2013json \u2013interpreter nodejs \u2013user username<\/em> \u2013app-root angdemo<\/li>\n\n\n\n
  6. To activate the virtual environment, type the following command.\u00a0Replace\u00a0username<\/em>\u00a0with your own account username:
    Copysource \/home\/username<\/em>\/nodevenv\/angdemo\/18\/bin\/activate && cd \/home\/username<\/em>\/angdemo<\/li>\n\n\n\n
  7. Angular uses the\u00a0Git version control system<\/a>\u00a0to track\u00a0project revisions. To configure Git, type the following commands. Replace\u00a0user@example.com<\/em>\u00a0with your own email address, and\u00a0Username<\/em>\u00a0with your own name:
    Copygit config \u2013global user.email \u201cuser@example.com<\/em>\u201d git config \u2013global user.name \u201cUsername<\/em>\u201c<\/li>\n\n\n\n
  8. To install Angular, type the following commands:
    Copynpm config set strict-ssl false npm install -g @angular\/cli<\/li>\n\n\n\n
  9. You are now ready to use Angular. For example, to create a new Angular app named\u00a0my-app<\/em>, type the following command:
    Copyng new my-app<\/li>\n<\/ol>\n\n\n\n

    <\/h4>\n<\/body>","protected":false},"excerpt":{"rendered":"

    Angular\u00a0is a popular web application framework and development platform for creating efficient and sophisticated single-page apps. Angular was formerly known as AngularJS. This article demonstrates how to install\u00a0Angular from the command line on Shared Web hosting accounts. Installing Angular To install Angular on your<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-659","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nHow to install Angular manually<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to install Angular manually\" \/>\n<meta property=\"og:description\" content=\"Angular\u00a0is a popular web application framework and development platform for creating efficient and sophisticated single-page apps. Angular was formerly known as AngularJS. This article demonstrates how to install\u00a0Angular from the command line on Shared Web hosting accounts. Installing Angular To install Angular on your\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/\" \/>\n<meta property=\"og:site_name\" content=\"Cyber Web Service SEO, Internet, Hosting, Web designing Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cyberwebservice\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-16T04:22:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-25T04:49:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cyberwebservice.com\/blog\/wp-content\/uploads\/2021\/09\/seo-image-home.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"910\" \/>\n\t<meta property=\"og:image:height\" content=\"607\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cyber Web Service\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cyberwebservice\" \/>\n<meta name=\"twitter:site\" content=\"@cyberwebservice\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cyber Web Service\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/index.php\\\/2020\\\/09\\\/16\\\/how-to-install-angular-manually\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/index.php\\\/2020\\\/09\\\/16\\\/how-to-install-angular-manually\\\/\"},\"author\":{\"name\":\"Cyber Web Service\",\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/#\\\/schema\\\/person\\\/66b6f961b2f9b5a10e7c792dcda74afa\"},\"headline\":\"How to install Angular manually\",\"datePublished\":\"2020-09-16T04:22:00+00:00\",\"dateModified\":\"2024-06-25T04:49:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/index.php\\\/2020\\\/09\\\/16\\\/how-to-install-angular-manually\\\/\"},\"wordCount\":350,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/#organization\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/index.php\\\/2020\\\/09\\\/16\\\/how-to-install-angular-manually\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/index.php\\\/2020\\\/09\\\/16\\\/how-to-install-angular-manually\\\/\",\"url\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/index.php\\\/2020\\\/09\\\/16\\\/how-to-install-angular-manually\\\/\",\"name\":\"How to install Angular manually\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/#website\"},\"datePublished\":\"2020-09-16T04:22:00+00:00\",\"dateModified\":\"2024-06-25T04:49:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/index.php\\\/2020\\\/09\\\/16\\\/how-to-install-angular-manually\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/index.php\\\/2020\\\/09\\\/16\\\/how-to-install-angular-manually\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/index.php\\\/2020\\\/09\\\/16\\\/how-to-install-angular-manually\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to install Angular manually\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/\",\"name\":\"Cyber Web Service SEO, Internet, Hosting, Web designing Blog\",\"description\":\"CWS Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/#organization\",\"name\":\"Cyber Web Service\",\"url\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/header.jpg\",\"contentUrl\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/header.jpg\",\"width\":249,\"height\":75,\"caption\":\"Cyber Web Service\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/cyberwebservice\",\"https:\\\/\\\/x.com\\\/cyberwebservice\",\"https:\\\/\\\/www.instagram.com\\\/cyberwebservice\",\"https:\\\/\\\/www.pinterest.com\\\/cyberwebservice\",\"https:\\\/\\\/www.youtube.com\\\/cyberwebservice\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.cyberwebservice.com\\\/blog\\\/#\\\/schema\\\/person\\\/66b6f961b2f9b5a10e7c792dcda74afa\",\"name\":\"Cyber Web Service\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cae5228e9c2130cea080e21c586354c98e61043f45f280b9a15d84a00cb5d335?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cae5228e9c2130cea080e21c586354c98e61043f45f280b9a15d84a00cb5d335?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cae5228e9c2130cea080e21c586354c98e61043f45f280b9a15d84a00cb5d335?s=96&d=mm&r=g\",\"caption\":\"Cyber Web Service\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to install Angular manually","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/","og_locale":"en_US","og_type":"article","og_title":"How to install Angular manually","og_description":"Angular\u00a0is a popular web application framework and development platform for creating efficient and sophisticated single-page apps. Angular was formerly known as AngularJS. This article demonstrates how to install\u00a0Angular from the command line on Shared Web hosting accounts. Installing Angular To install Angular on your","og_url":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/","og_site_name":"Cyber Web Service SEO, Internet, Hosting, Web designing Blog","article_publisher":"https:\/\/www.facebook.com\/cyberwebservice","article_published_time":"2020-09-16T04:22:00+00:00","article_modified_time":"2024-06-25T04:49:02+00:00","og_image":[{"width":910,"height":607,"url":"https:\/\/www.cyberwebservice.com\/blog\/wp-content\/uploads\/2021\/09\/seo-image-home.jpg","type":"image\/jpeg"}],"author":"Cyber Web Service","twitter_card":"summary_large_image","twitter_creator":"@cyberwebservice","twitter_site":"@cyberwebservice","twitter_misc":{"Written by":"Cyber Web Service","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/#article","isPartOf":{"@id":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/"},"author":{"name":"Cyber Web Service","@id":"https:\/\/www.cyberwebservice.com\/blog\/#\/schema\/person\/66b6f961b2f9b5a10e7c792dcda74afa"},"headline":"How to install Angular manually","datePublished":"2020-09-16T04:22:00+00:00","dateModified":"2024-06-25T04:49:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/"},"wordCount":350,"commentCount":0,"publisher":{"@id":"https:\/\/www.cyberwebservice.com\/blog\/#organization"},"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/","url":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/","name":"How to install Angular manually","isPartOf":{"@id":"https:\/\/www.cyberwebservice.com\/blog\/#website"},"datePublished":"2020-09-16T04:22:00+00:00","dateModified":"2024-06-25T04:49:02+00:00","breadcrumb":{"@id":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/2020\/09\/16\/how-to-install-angular-manually\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cyberwebservice.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to install Angular manually"}]},{"@type":"WebSite","@id":"https:\/\/www.cyberwebservice.com\/blog\/#website","url":"https:\/\/www.cyberwebservice.com\/blog\/","name":"Cyber Web Service SEO, Internet, Hosting, Web designing Blog","description":"CWS Blog","publisher":{"@id":"https:\/\/www.cyberwebservice.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cyberwebservice.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.cyberwebservice.com\/blog\/#organization","name":"Cyber Web Service","url":"https:\/\/www.cyberwebservice.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cyberwebservice.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.cyberwebservice.com\/blog\/wp-content\/uploads\/2019\/06\/header.jpg","contentUrl":"https:\/\/www.cyberwebservice.com\/blog\/wp-content\/uploads\/2019\/06\/header.jpg","width":249,"height":75,"caption":"Cyber Web Service"},"image":{"@id":"https:\/\/www.cyberwebservice.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/cyberwebservice","https:\/\/x.com\/cyberwebservice","https:\/\/www.instagram.com\/cyberwebservice","https:\/\/www.pinterest.com\/cyberwebservice","https:\/\/www.youtube.com\/cyberwebservice"]},{"@type":"Person","@id":"https:\/\/www.cyberwebservice.com\/blog\/#\/schema\/person\/66b6f961b2f9b5a10e7c792dcda74afa","name":"Cyber Web Service","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/cae5228e9c2130cea080e21c586354c98e61043f45f280b9a15d84a00cb5d335?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/cae5228e9c2130cea080e21c586354c98e61043f45f280b9a15d84a00cb5d335?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cae5228e9c2130cea080e21c586354c98e61043f45f280b9a15d84a00cb5d335?s=96&d=mm&r=g","caption":"Cyber Web Service"}}]}},"_links":{"self":[{"href":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=659"}],"version-history":[{"count":3,"href":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/659\/revisions"}],"predecessor-version":[{"id":662,"href":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/659\/revisions\/662"}],"wp:attachment":[{"href":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cyberwebservice.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}