使用Angular-cli快速搭建项目
Typescript
一、安装开发环境
这个开发环境也是现在最基础的前端开发环境,就是首先要安装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测试是否安装成。出现如下便是安装成功。
1.3 使用ng创建工程
ng new my_prj
这里说明一下,使用ng创建工程时,会自动使用npm安装package.json中的依赖包。
1.4 启动项目
cd my_prj && ng serve --open
&&: 代表先执行完前面的命令然后接着执行后面的命令。这句话就是先切换到项目的目录,然后在目录中启动项目(就是启动一个静态服务器)。
当浏览器自动打开一个标签并显示如下内容就表示正确启动了一个Angular4的项目。