angular项目搭建

一、环境准备

1、安装node：https://nodejs.org/en/（npm -v查看是否安装成功及安装版本）

若npm太慢，建议安装yarn（npm install yarn）

2、安装TypeScript：npm install -g typescript （tsc -v查看版本）

3、安装@angular/cli

　　1）若之前安装过，先卸载

　　npm uninstall -g @angular/cli

　　2）清除缓存

　　npm cache clean --force

　　3）查看

　　ng -v

　　若仍然显示之前的版本，执行第四步

　　4）找的node安装下的删除

　　5）安装

　　npm install -g @angular/cli

　　6）新建

　　ng new my-app –skip-install （创建时不执行install）

*********************************************************************************************************************************************************************************************************************

二、开始

1、创建项目

命令：ng new my-app （创建时会执行install，很慢）

　　使用ng new my-app –skip-install （创建时不执行install）

2、启动项目

npm start

默认端口为4200（http://localhost:4200/）

3、添加concurrently

命令：npm i concurrently --save

 

concurrently我们可以通过npm install在项目内安装多个服务,然后配置package.json内的script命令, 然后通过命令行一键并行开启多个服务。

说明参考：https://www.jianshu.com/p/20e61878d59e

 

转载于:https://www.cnblogs.com/boreguo/p/10314825.html