使用Angular-cli快速搭建项目

一、安装开发环境

这个开发环境也是现在最基础的前端开发环境,就是首先要安装Nodejs和npm。这个安装在此省略,因为只需要下载Nodejs安装包,直接安装就行了。

1.1测试安装环境

node -v

如果Node.js的版本大于等于6.9.x即可。

npm -v

如果npm的版本大于等于3.x.x即可。

1.2 安装angular cli工具

npm install -g @angular/cli

使用命令ng -v测试是否安装成。出现如下便是安装成功。

使用Angular-cli快速搭建项目

1.3 使用ng创建工程

ng new my_prj

这里说明一下,使用ng创建工程时,会自动使用npm安装package.json中的依赖包。

1.4 启动项目

cd my_prj && ng serve --open

&&: 代表先执行完前面的命令然后接着执行后面的命令。这句话就是先切换到项目的目录,然后在目录中启动项目(就是启动一个静态服务器)。
当浏览器自动打开一个标签并显示如下内容就表示正确启动了一个Angular4的项目。

使用Angular-cli快速搭建项目