2021-Angular脚手架安装及创建项目

Angular脚手架安装及创建项目，基础命令

1，node.js的安装请到如下链接查看
https://blog.csdn.net/weixin_45191709/article/details/114696936
2，安装Angular脚手架：

黑窗口输入：

npm install -g @angular/cli 
或
cnpm install -g @angular/cli 

查看是否安装成功

ng  version
或
ng -v

如下为安装成功：

卸载命令

npm uninstall –g angular-cli
或
cnpm uninstall –g angular-cli

3、创建项目

ng  new 项目名     创建项目

npm install  或  cnpm install      初始化项目

ng serve  编译运行项目(启动项目)

更改端口号  ： ng  serve --port 4201

http://localhost:4200/    项目访问路径

4、基础命令

1. 查看angular-cli的版本号：ng -v
2. 创建项目：ng new app(项目名称)
3. 下载依赖包：npm install
4. 删除依赖包：
   • npm install rimraf -g
   • rimraf node_modules
5. 创建组件：`ng g c MyComponent(组件名称)

// 创建组件的时候也可以带路径，比如：ng generate component mydir/MyComponent（从app下的文件夹开始写）  如：
   app下建组件demo就 
   ng   g component demo
   demo下建组件news就 
   ng   g component /demo/news

6. 创建service服务 ：ng g s MyService
7. 动态生成服务，并把这个服务提供给依赖注入系统: ·ng g service 服务名 --module=app·
8. 动态生成类文件: ng g class 类名
9. 动态生成接口文件: ng g i 接口名
10. 创建module : ng g m teacher
11. 动态生成管道，并把这个管道在module中声明： ng g p 管道名
12. 新建路由文件: ng g module trade --routing
    10.动态生成组件，并把这个组件导入module中: ng g c 组件名
13. 不生成对应的单元测试文件: ng g c core/header --spec false
14. 创建guard（一般用于写权限拦截）: ng g g service/login/login
15. 自动创建指令：ng g d MyDirective
16. 运行项目： ng serve
17. 停止项目：ctrl +c 输入y
18. 构建项目：ng build
19. 如果你想构建最终的产品版本（进行优化，包压缩等），可以用 ng build –prod
20. 添加路由： ng generate module app-routing --flat --module=app