angular学习日志--前戏

    最近换了份工作，新公司项目要求是用angular5+typescript来开发的，而本人之前是做微信小程序开发的，对于前端框架也仅仅是对vue有一点点粗浅的了解。为了养家糊口，只好强行打起精神，开启angular的踩坑之旅。

    于是我急吼吼的打开了angular的文档，看了眼菜单。

    快速上手粗略的看了下，不出所料，果然是需要配置开发环境。那就配吧，根据文档描述，一步步的安装了node、npm。什么？你不知道怎么安装这些？给你个链接自己去下载。接下来打开命令行输入

npm install -g @angular/cli

全局安装angular cli。由于我在文档中并没有找到关于angular cli的相关描述，于是自己搜索了一些资料大概看了下，心中自有了一点B数，这大概是一个方便程序猿开发，快速创建项目的开发工具，当然肯定是基于node。

    安装了这么好玩的东西那肯定要尝试一下，命令行输入

ng new firstApp
cd firstApp
ng serve

启动angular环境后便自动打开http://localhost:4200，即刚刚创建firstApp这个项目。

    那么怎么同时打开多个项目呢？很简单在创建第二个项目，打开e2e/src/protractor.conf.js，我们可以看到

baseUrl: 'http://localhost:4200/',

把端口号修改一下（这里以8080为例），然后命令行输入

ng serve --open --port 8080

就打开除4200端口之外的8080端口项目了。

（未完待续）