angular2+初学者(1)——项目环境搭建以及创建项目并启动

一、环境搭建：

    node、npm以及@angular/cli(不建议使用cnpm)

    1).node安装：

        点击打开链接

    查看node以及npm（npm是随着node自动安装的，一般来说node安装成功，npm也随着node安装成功）是否安装成功：

    通过命令 node -v 查看版本号，我这里的是8.9.3

    

    通过命令 npm-v 查看版本号，我这里的是5.6.0

    

    2).@angular/cli安装（@angular/cli是命令行工具，可以在命令行中使用）：

    安装方式：

        npm install -g @angular/cli    （普通安装）

扫描二维码关注公众号，回复： 196259 查看本文章

        npm install -g @angular/cli@版本号    （固定版本安装）

       如果npm安装@angular/cli出错，请建议使用cnpm。

        

    如果需要卸载@angular/cli:

        npm uninstall -g @angular/cli

    查看@angular/cli是否安装成功：

        

    如果出现这样的情况，就代表安装成功了。现在我的@angulr/cli的版本是1.7.3，node的版本是8.9.3

二、创建项目：

    ng new 项目名称

    

    我在我的F盘中创建了一个名为angularDemo的新项目

     *注意：一定要在不是项目的文件夹中建立项目，如果我现在在F:/angularDemo文件夹下建立项目，就会报一下错误，。

三、启动项目：

    ng serve

    *注意：这里必须通过cd命令进入项目以后，再去启动服务，不然它会报如下错误：

    

    正确的项目启动方式：

    ，回车，就会看到项目正在启动

    如果底部出现如下样子，证明启动成功：

    

    然后在打开浏览器，输入 localhost:4200 （4200是服务启动以后，angualr的默认端口）。

    

服务启动成功。

结尾： 希望这篇文章能够给你带来一些进步，让我们一起努力，在入坑的路上越走越远吧！