用node.js安装Angular cli和创建Angular项目

今天看慕课视频学习配置Angular的环境和创建一个Angular项目，并且用WebStorm运行（环境为：win10）

一、Angular环境准备

      1、安装node.js(node.js自带了npm,所以不需要单独安装npm),下载地址：https://nodejs.org/en/download/

             检测安装是否成功:

                 打开cmd,输入：npm -v 

             会显示npm的版本：

              

      2、设置淘宝代理（可以跳过该步骤，设置淘宝代理可以加快安装速度，但是安装淘宝代理会出现奇怪的错误）

           在cmd中输入：

             npm config set registry https://registry.npm.taobao.org

             npm config get registry

           清除设置的淘宝代理：

              npm config delete proxy

          3、   安装Angular cli

            如果以前安装过Angular cli 或者安装失败，先要清除以前的安装：

             在cmd中输入：

               npm uninstall -g @angular/cli

               npm cache clean

            安装Angular cli ,在cmd中输入： 

                npm install -g @angular/ cli@

             测试安装成功：

                    ng -v

             

     4、创建Angular项目

                ng newmy-app

           (my-app是自己命名的项目名字)

            创建成功之后的目录为：

                   

          这里有一个小坑，有可能你创建的项目目录回缺少：node_modules文件夹

          添加node_modules文件夹的方法为：

             npm install

          （一定在cmd中进入my-app目录再运行npm install）

     5、运行Angular项目

          用webstorm打开my-app,my-app的默认路径为：C:\Users\Administrator\my-app

          然后选择package.json左击运行Show npm Scripts

                     

            结果为：

                      

                     

           点击start

                            

         最后在浏览器中输入：  localhost:4200

         项目运行成功！！！！！！！！！！！！！！！