Angular环境配置

Posted 2021-04-26 知之Python

    AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。用来协助单一页面应用程序运行。

    配置Angular的环境首先需要安装Node.js，安装Node.js的目的主要是适用npm来管理Angular的依赖包。Node.js的安装，根据自己的操作系统从官网下载最新版，下载完成后直接安装就可以。按转完成后，在Terminal中执行一下命令：

    $ npm -v

    查看npm的版本，如果能够正常返回npm的版本号，就表示npm的安装没有问题。

    安装Angular脚手架，适用Angular脚手架方便的管理Angular项目。安装命令如下：

    $ npm i -g @angular/cli

    安装完成后，执行一下命令确认Angular脚手架是否安装成功。

    $ ng version

    

    

确认安装没有问题后，就可以使用Angular脚手架，来创建项目，命令如下：

    $ ng new angulardemo

    

执行该命令后，就会在当前目录下，创建一个Angular工程，就可以在此基础上，进行Angular项目的开发。接下来，先启动Angular工程，来感受一下，命令如下：

    $ ng serve --open

    执行该命令后，可以通过浏览器访问http://127.0.0.1:4200来看一下第一Angular工程的画面。

    需要注意的是，国内的npm访问速度比较慢，如果执行失败可以使用taobao提供的cnpm来进行安装。cnpm的安装命令如下：

    $ npm install -g cnpm --registry=https://registry.npm.taobao.org