最近换了份工作,新公司项目要求是用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端口项目了。
(未完待续)