使用Angular CLI快速新建Angular项目
前提条件是已经成功安装 node.js 和npm包管理
- 安装Angular CLI
使用npm 安装CLI
command:npm install -g @angular/cli
完成之后会在 Users/…/AppData/Roaming下生成 npm 和 npm-cache两个包 - 创建以及初始化
ng new +项目名称创建项目,回车接受默认值ng new myapp
执行命令结果如下
这个命令会生成一些基本的文件- 一个新的工作区,根目录名叫 myapp
- 一个初始的骨架应用项目(但位于 src 子目录下)
- 一个端到端测试项目(位于e2e 子目录下)
- 相关的配置文件
需要route时在创建的时候 Would you like to add Angular routing 输入yes,这样在 app下面就会多一个app-routing.module.ts文件
但是在使用ng new 的过程中完成一些文件的创建,即create完成之后,它还会自动调用npm install命令,使用npm把对应的依赖包下载下来。这个时候请使用ctrl+C,进行中断,因为我们不需要使用使用npm自动安装,我们会稍后自己使用cnpm安装对应的依赖包(npm速度慢,而且有被墙的风险)
使用cnpm install
添加依赖, 完成之后项目中多一个node_modules
使用ng serve
启服务
使用http://localhost:4200/
访问