Installing Angular CLI

Posted on
Installing Angular CLI

Download video tutorial Installing Angular CLI – Sebagai seseorang yang yang kesehariannya tidak lepas dari perangkat IT atau juga berkecimpung di bidang IT atau tehnik, tetunya pasti pernah menjumpai sebuah kerusakan atau error pada perangkat yang sedang Anda gunakan, baik itu pada bagian hardware maupun pada software. Dengan masalah tersebut tentunya akan sangat menganggu pekerjaan Anda. Untuk mengatasi kerusakan, Anda bisa meminta bantuan tenaga ahli atau juga bisa dilakukan oleh Anda sendiri.
 
Untuk masalah tutorial perbaikannya Anda tidak perlu khawatir karena untuk jaman sekarang ini sangat mudah untuk anda dapatkan secara online baik itu dari website-website, youtube atau dengan mengunjungi website ini Tutorial Tehnik
 
Untuk postingan ini kami membagikan sebuah video tutorial yaitu Installing Angular CLI yang pada saat ini mungkin saja sedang anda butuhkan. Untuk video Installing Angular CLI ini bisa Anda tonton secara online melalui halaman ini atau juga bisa Anda download sehingga bisa Anda tonton lagi dikemudian hari tanpa harus menonton secara online lagi.
 

 
Deskripsi video :
 
Installing Angular CLI angular cli setup
angular cli install windows
angular cli how to install
angular cli installation steps
npm angular cli error

In this video we will discuss how to install Angular CLI

The prerequisites for installing Angular CLI : To install Angular CLI you should have installed Node 6.9.0 or higher, and NPM 3 or higher

To check the versions that you have on your machine type the following commands in a command window.
node -v
npm -v

You can get the latest version of Node and NPM from the following website. Click on the correct download link depending on the Operating System you have.
https://nodejs.org/en/download/

Once you have Node and NPM installed. Run Command Prompt as an administrator and execute the following command. Flag -g installs Angular CLI globally on your machine.
npm install -g @angular/cli

You can also use i as shortcut for install. So the above command can also be rewritten as shown below
npm i -g @angular/cli

If you see a tree structure, you have Angular CLI installed successfully.

To verify the version of Angular CLI installed, execute the following command
ng -v

At the time of this recording, I have Angular CLI version 1.4.2 installed on my machine.

If you run into any problems installing Angular CLI, follow these steps and hopefully Angular CLI will be installed successfully.
Step 1 : Delete “npm” folder from the following path
C:UsersYour_UserNameAppDataRoaming

Please note : If you cannot find “AppData” folder, make sure in your windows operating system, you have “Show hidden files, folders, and drives” option is turned on. “AppData” is a hidden folder.

Step 2 : Once you have the “npm” folder deleted, uninstall node.js. On a windows machine you can uninstall node.js from Control PanelAll Control Panel ItemsPrograms and Features. Right click on “Node.js” and select “uninstall” from the context menu.

Step 3 : Reinstall Node.js by downloading the appropriate installer for your operating system from the following link.
https://nodejs.org/en/download/

Step 4 : Run Command Prompt as an Administrator and try to install Angular CLI again using the following command. Hopefully this time it installs successfully. If not, please leave the problem you are facing as a comment on this video and we will try to help as soon as we can. Also, if you had a problem and you solved it yourself, please let us know what the problem is and how you solved it by leaving a comment, so it could help others with a similar problem. After all, it’s all about sharing and learning from each other.
npm install -g @angular/cli

In our next video, we will discuss creating an Angular project from scratch using Angular CLI.

Text version of the video
http://csharp-video-tutorials.blogspot.com/2017/09/installing-angular-cli.html

Slides
http://csharp-video-tutorials.blogspot.com/2017/09/installing-angular-cli_26.html

Angular CLI Tutorial
https://www.youtube.com/watch?v=rJ9o4TyhSuo&list=PL6n9fhu94yhWUcq5Pc16uf8YKXoZ87Vh_

Angular CLI Text articles & Slides
http://csharp-video-tutorials.blogspot.com/2017/10/angular-cli-tutorial-for-beginners.html

All Dot Net and SQL Server Tutorials in English
https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd

All Dot Net and SQL Server Tutorials in Arabic
https://www.youtube.com/c/KudvenkatArabic/playlists
 
Selain nonton video Installing Angular CLI ini secara online, Anda juga bisa menyimpan video atau film ini sebagai koleksi video di komputer atau gadget Anda dengan cara mengunduh atau mendownload file videonya secara langsung melalui link download yang sudah kami sediakan berikut ini
 

Link Download Video

 

 
Silahkan temukan juga koleksi video tutorial lainnya hanya di Tutorial Tehnik. Anda juga bisa mencari video favorit Anda melalui tombol pencarian

55 thoughts on “Installing Angular CLI

  1. thanks sir very helpful video …
    sir will you please make video on how to make folder structure in real time project development of our project and how to arrange the file within it ..like you tell us register component in ng module but when project size will large and there are lots of component within it then it will be confusing so please help us

  2. thank you sir for help i watch ur all video i have learn more things but i have problem always comes please help me why come this error when i npm start this eroro on prompt ,,,
    Please include the following file with any support request:
    npm ERR! C:UsersonavaAppDataRoamingnpm-cache_logs2017-05-16T14_14_49_519Z-debug.log

  3. a quick thought about the -g on the install. This is a global meaning your whole "box" is now configured the this CLI. if you develop new applications of time (years for us) you might want to use newer cli's and you might potentially be in conflict. the trade is installing the CLI multiple times on the same box. Just a thought to consider.

  4. npm install -g angular/cli ERR! git clone –template=C:UsersAdministratorAppDataRoamingnpm-cache_
    PLEASE TELL ME THIS PROBLEM SIR…

    remotes_templates –mirror [email protected]:angular/cli.git C:UsersAdminist rAppDataRoamingnpm-cache_git-remotesgit-github-com-angular-cli-git-0551 : undefined ERR! git clone –template=C:UsersAdministratorAppDataRoamingnpm-cache_ remotes_templates –mirror [email protected]:angular/cli.git C:UsersAdminist rAppDataRoamingnpm-cache_git-remotesgit-github-com-angular-cli-git-0551 : undefined ERR! Windows_NT 6.1.7601 ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\ _modules\npm\bin\npm-cli.js" "install" "-g" "angular/cli" ERR! node v6.11.4 ERR! npm v3.10.10 ERR! code ENOGIT ERR! not found: git ERR! ERR! Failed using git. ERR! This is most likely not a problem with npm itself. ERR! Please check if you have git installed and in your PATH. ERR! Please include the following file with any support request: ERR! c:npm-debug.log

  5. Problem. After all these steps including the ones under "what to do if it does not work" the NG command was still not functioning. I am on Windows 10. I found I had to c:UsersMEAppDataRoamingnpm to my system path before the ng commands could be found. I assume the install should have updated the path already. I also assume Win 10 is the issue.

  6. Hi i am not able to install node.js file . whenever i am trying to install this ,it showing some error like
    There is a problem with this windows installer pages.A DLL required for this install to complete could not be run.
    contact your support personnel or package vendor.

  7. Hi, I am unable to install angular/cli. here is the output: npm ERR! Windows_NT 10.0.15063
    npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "install" "-g" "@angular/cli"
    npm ERR! node v6.11.4
    npm ERR! npm v3.10.10

    npm ERR! shasum check failed for C:UsersHpAppDataLocalTempnpm-940-02b3011eregistry.npmjs.orgtypescript-typescript-2.5.3.tgz
    npm ERR! Expected: df3dcdc38f3beb800d4bc322646b04a3f6ca7f0d
    npm ERR! Actual: 8c57c04c021849243044a66e0df7d27587a40b1f
    npm ERR! From: https://registry.npmjs.org/typescript/-/typescript-2.5.3.tgz
    npm ERR!

  8. Respected sir, I am getting the following errors while installing CLI. I followed all the steps (i) Installed Node (ii)tried deleting npm folder and uninstalled node.js from the control panel and reinstalled but still facing the same error

    Microsoft Windows [Version 10.0.15063]
    (c) 2017 Microsoft Corporation. All rights reserved.

    C:WINDOWSsystem32>node -v
    v8.9.3

    C:WINDOWSsystem32>npm -v
    5.5.1

    C:WINDOWSsystem32>npm install -g @angular/cli
    npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE
    npm ERR! errno UNABLE_TO_VERIFY_LEAF_SIGNATURE
    npm ERR! request to https://registry.npmjs.org/@angular%2fcli failed, reason: unable to verify the first certificate

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:UsersRoshanAppDataRoamingnpm-cache_logs2017-12-23T01_59_14_783Z-debug.log

  9. Hi Sir, my node version is v8.4.0 & npm is 5. 3.0. When I tried to install i got rollbackFailedOptional error and facing proxy configuration error while installing …Please Guide me through…

    Microsoft Windows [Version 6.1.7601]
    Copyright (c) 2009 Microsoft Corporation. All rights reserved.

    C:Users626484>node -v
    v8.4.0

    C:Users626484>npm -v
    5.3.0

    C:Users626484>npm i -g @angular/cli
    npm ERR! code ECONNREFUSED
    npm ERR! errno ECONNREFUSED
    npm ERR! FetchError: request to http://registry.npmjs.org/@angular%2fcli failed,
    reason: connect ECONNREFUSED 74.122.238.10:8080
    npm ERR! at ClientRequest.req.on.err (C:Program Filesnodejsnode_modulesn
    pmnode_modulespacotenode_modulesmake-fetch-happennode_modulesnode-fetch-np
    msrcindex.js:68:14)
    npm ERR! at emitOne (events.js:115:13)
    npm ERR! at ClientRequest.emit (events.js:210:7)
    npm ERR! at Socket.socketErrorListener (_http_client.js:401:9)
    npm ERR! at emitOne (events.js:115:13)
    npm ERR! at Socket.emit (events.js:210:7)
    npm ERR! at emitErrorNT (internal/streams/destroy.js:64:8)
    npm ERR! at _combinedTickCallback (internal/process/next_tick.js:138:11)
    npm ERR! at process._tickCallback (internal/process/next_tick.js:180:9)
    npm ERR! { FetchError: request to http://registry.npmjs.org/@angular%2fcli fail
    ed, reason: connect ECONNREFUSED 74.122.238.10:8080
    npm ERR! at ClientRequest.req.on.err (C:Program Filesnodejsnode_modulesn
    pmnode_modulespacotenode_modulesmake-fetch-happennode_modulesnode-fetch-np
    msrcindex.js:68:14)
    npm ERR! at emitOne (events.js:115:13)
    npm ERR! at ClientRequest.emit (events.js:210:7)
    npm ERR! at Socket.socketErrorListener (_http_client.js:401:9)
    npm ERR! at emitOne (events.js:115:13)
    npm ERR! at Socket.emit (events.js:210:7)
    npm ERR! at emitErrorNT (internal/streams/destroy.js:64:8)
    npm ERR! at _combinedTickCallback (internal/process/next_tick.js:138:11)
    npm ERR! at process._tickCallback (internal/process/next_tick.js:180:9)
    npm ERR! message: 'request to http://registry.npmjs.org/@angular%2fcli failed,
    reason: connect ECONNREFUSED 74.122.238.10:8080',
    npm ERR! type: 'system',
    npm ERR! errno: 'ECONNREFUSED',
    npm ERR! code: 'ECONNREFUSED',
    npm ERR! stack: 'FetchError: request to http://registry.npmjs.org/@angular%2fc
    li failed, reason: connect ECONNREFUSED 74.122.238.10:8080n at ClientRequest
    .req.on.err (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote
    node_modules\make-fetch-happen\node_modules\node-fetch-npm\src\index.js:68
    :14)n at emitOne (events.js:115:13)n at ClientRequest.emit (events.js:21
    0:7)n at Socket.socketErrorListener (_http_client.js:401:9)n at emitOne
    (events.js:115:13)n at Socket.emit (events.js:210:7)n at emitErrorNT (in
    ternal/streams/destroy.js:64:8)n at _combinedTickCallback (internal/process/
    next_tick.js:138:11)n at process._tickCallback (internal/process/next_tick.j
    s:180:9)' }
    npm ERR!
    npm ERR! If you are behind a proxy, please make sure that the
    npm ERR! 'proxy' config is set properly. See: 'npm help config'

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:Users626484AppDataRoamingnpm-cache_logs2018-01-17T14_32_48
    _244Z-debug.log

  10. Hi ,
    I did facing following issue in windows 10 if when i run angular cli
    ERROR:

    error path C:UsersduraisapAppDataRoamingnpmnode_modulesangular-clinode_modulesasynckitpackage.json.1737764211
    15203 error code EBUSY
    15204 error errno -4082
    15205 error syscall rename

    I try lot way didn't worked, kindly give proper solution for this issue.

  11. I'm facing installing angular cli —

    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! [email protected] postinstall: `node lib/post_install.js`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the [email protected] postinstall script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in:
    npm ERR! /root/.npm/_logs/2018-02-21T12_57_11_519Z-debug.log

    plz help me

  12. Hello Sir,

    I request you to please help me to resolve my below issue.

    I am messed up with angular cli installation.

    Initially i was not able to install, But after lot of trails It got installed.

    It is now giving error when I type ng -v
    'ng' is not recognized as an internal or external command,
    operable program or batch file.

    But when I type
    node C:[email protected] -v
    it is working fine.

    I also tried setting ng folder path in Environment Variables. Still I did not succeeded.
    and also I am not able to create a project/ serve it is throwing different errors.

    Please look into below errors

    C:>ng -v
    'ng' is not recognized as an internal or external command,operable program or batch file.

    C:>node C:[email protected] -v
    _ _ __ _ _
    / _ __ __ _ _ | | _ _ _ __ / __| | | _|
    / ? | '_ / _` | | | | |/ _` | '__| | | | | | |
    / _ | | | | (_| | |_| | | (_| | | | |__| |__ | |
    /_/ __| |_|__, |__,_|_|__,_|_| ____|_____|___|
    |___/

    Angular CLI: 1.7.2
    Node: 6.10.0
    OS: win32 x64
    Angular:

    C:Users1263326DesktopChaituprojectsAngularmyapp>node C:Users1263326App
    [email protected] serve
    You seem to not be depending on "@angular/core". This is an error.

  13. Please help me, I am getting this error:

    C:>npm install -g @angular/cli
    C:UsersSophomoreAppDataRoamingnpmng -> C:[email protected]
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] ([email protected]_modulesfsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

    + @angular/[email protected]
    updated 1 package in 165.714s

  14. how to install a particular version in angular. i want to install angular 5 but now latest version is installed now. i have the version 1.7.3 now but i want angular version 5. can u tell me how to do this?

  15. Solution for issue .. go through full script .

    Getting below error
    npm ERR! code ETIMEDOUT
    npm ERR! errno ETIMEDOUT
    npm ERR! network request to https://registry.npmjs.org/@angular%2fcli failed, re
    ason: connect ETIMEDOUT 151.101.112.162:443
    npm ERR! network This is a problem related to network connectivity.
    npm ERR! network In most cases you are behind a proxy or have bad network settin

    Solution — >

    Please check the proxy setting of the your machine / organization machine some time wont support .. need to be change .

    For me : resolved below code executed on command window .

    npm set HTTPS_PROXY= http://**.***:**
    npm set HTTP_PROXY=http://**:**
    npm set proxy=http://**:**

    replace * to your IP address .. it will resolve the issue .

    Thanks.

  16. I need Your Help to install Angular 4 in my windows 10

    i have try multiple time(Remove & new install nodejs), those process as you mention in your video "if AngulR CLI not install". i got some error like this
    C:Usershp>npm install -g @angular/cli

    npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE

    npm ERR! errno UNABLE_TO_VERIFY_LEAF_SIGNATURE

    npm ERR! request to https://registry.npmjs.org/@angular%2fcli failed, reason: unable to verify the first certificate

    npm ERR! A complete log of this run can be found in:

    npm ERR! C:UsershpAppDataRoamingnpm-cache_logs2018-06-10T13_08_22_718Z-debug.log

    please help me to solve my problem.

  17. I need Your Help to install Angular 4 in my windows 10

    i have try multiple time(Remove & new install nodejs), those process as you mention in your video "if AngulR CLI not install". i got some error like this
    C:Usershp>npm install -g @angular/cli

    "npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE
    "
    "npm ERR! errno UNABLE_TO_VERIFY_LEAF_SIGNATURE
    "
    npm ERR! request to https://registry.npmjs.org/@angular%2fcli failed, reason: unable to verify the first certificate

    npm ERR! A complete log of this run can be found in:

    "npm ERR! C:UsershpAppDataRoamingnpm-cache_logs2018-06-10T13_08_22_718Z-debug.log"

    please help me to solve my problem.

  18. I need Your Help to install Angular 4 in my windows 10

    "i have try multiple time(Remove & new install nodejs), those process as you mention in your video "if AngulR CLI not install". i got some error like this"
    "C:Usershp>npm install -g @angular/cli"

    "npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE
    "
    "npm ERR! errno UNABLE_TO_VERIFY_LEAF_SIGNATURE
    "
    npm ERR! request to https://registry.npmjs.org/@angular%2fcli failed, reason: unable to verify the first certificate

    npm ERR! A complete log of this run can be found in:

    "npm ERR! C:UsershpAppDataRoamingnpm-cache_logs2018-06-10T13_08_22_718Z-debug.log"

    please help me to solve my problem.

  19. i have installed latest version on node js and npm on windows 10 pro. Can any one tell me what steps I need to follow to install Angular5 version?

  20. C:Usersmohapnig>npm install -g @angular/cli
    npm ERR! code EPROTO
    npm ERR! errno EPROTO
    npm ERR! request to https://registry.npmjs.org/@angular%2fcli failed, reason: write EPROTO 10540:error:14094419:SSL routines:ssl3_read_bytes:tlsv1 alert access denied:opensslsslrecordrec_layer_s3.c:1407:SSL alert number 49
    npm ERR!

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:UsersmohapnigAppDataRoamingnpm-cache_logs2018-07-02T09_54_33_383Z-debug.log ..

    ###### i was getting this error , though i have installed node and npm updated version and i have checked also.????????/

    C:Usersmohapnig>node -v
    v10.5.0

    C:Usersmohapnig>npm -v
    6.1.0

  21. i have install node.js and i check the versions, node -v v8.11.3 and npm -v 5.6.0 its fine. but the problem is that when i install angular cli its not installing properly its showing warns like this npm WARN tar ENOENT: no such file or directory, lstat 'C:UserskumarswamyAppDa
    [email protected]5ctaskst
    slint-fix'

  22. sir,

    ng : The term 'ng' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name,
    or if a path was included, verify that the path is correct and try again.
    At line:1 char:1
    + ng serve
    + ~~
    + CategoryInfo : ObjectNotFound: (ng:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

  23. what kind of problems might you get?
    also does the cli keep you connected to angualr api? everytime i close it i lost connection. i had to close it to reopen it to install another component and had all sorts of problems and errors

  24. C:>node -v
    v8.11.3

    C:>npm -v
    5.6.0

    C:>npm install -g @angular/cli
    npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE
    npm ERR! errno UNABLE_TO_VERIFY_LEAF_SIGNATURE
    npm ERR! request to https://registry.npmjs.org/@angular%2fcli failed, reason: unable to verify the first certificate

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:UsersAmitAppDataRoamingnpm-cache_logs2018-07-30T09_16_59_891Z-debug.log

Leave a Reply

Your email address will not be published. Required fields are marked *