angular环境搭建

可以多参考angular中文官网,官网有详细的资料，并有相关实例，很有学习价值。通过angular CLI命令行工具快速搭建angular环境及打包。

全局安装angular CLI

需要先安装node，查看安装的版本，node -v 和 npm -v， 确保是 node 6.9.x 和 npm 3.x.x 以上的版本

npm install -g @angular/cli

创建项目

ng new <yourFolderName>

启动服务

ng <yourFolderName>
ng serve

在本地浏览器中输入：http://localhost:4200

项目打包

ng build

打包后生成dist文件，运行dist文件中的index.html，会发现依赖的js文件找不到，由于index.html中的 base标签的缘故，它表示路径为默认路径，所以依赖的js文件找不到，可将它注释，如下：

<!--  <base href="/"> -->