第 1 步:安装 Angular CLI

你可以使用 Angular CLI 来创建项目、生成应用和库代码,以及执行各种持续开发任务,比如测试、打包和部署。

全局安装 Angular CLI。

要使用 npm 命令安装 CLI,请打开终端/控制台窗口,输入如下命令:

npm install -g @angular/cli

第 2 步:创建工作空间和初始应用link

运行 CLI 命令 ng new 并提供 my-app 名称作为参数,如下所示:ng new my-app

运行到第二步的时候发现node不是最新版本,所以需要升级node 具体操作查看另一篇文章:https://www.cnblogs.com/lynna/p/11969219.html

第 3 步:运行应用

Angular CLI 中包含一个服务器,方便你在本地构建和提供应用。

  1. 转到 workspace 文件夹(my-app)。

  2. 使用 CLI 命令 ng serve 和 --open 选项来启动服务器。

cd my-app

ng serve --open

===============================================实战应用===========================

使用 Angular CLI 生成一个名叫 bottom 的新组件。

ng generate component bottom

比如在index文件夹下生成一个子组件news

ng generate component index news

安装swiper插件

npm install swiper --save

最新文章

  1. git-简单流程(学习笔记)
  2. 如何将自己的windows设置为mysql服务器
  3. mac os 基本命令
  4. python数据结构与算法——图的基本实现及迭代器
  5. hiho 第116周,最大流最小割定理,求最小割集S,T
  6. Qt之Threads和QObjects
  7. ado.net的5个主要对象
  8. 高级I/O之非阻塞I/O
  9. 使用Fiddler捕获Java程序中的HTTP请求
  10. dropdownlist绑定和选中
  11. hey
  12. 以路由控制URL
  13. 基于Asterisk的VoIP开发指南——(1)实现基本呼叫功能
  14. java自动装箱拆箱总结
  15. 【刷题】【LeetCode】000-十大经典排序算法
  16. 【托业】【怪兽】TEST03
  17. cURL error 60: SSL certificate problem...
  18. SSAS 内部错误:操作未能成功
  19. HGOI20180812 (NOIP2018 提高组 Day1 模拟试题)
  20. Dubbo -- 系统学习 笔记 -- 示例 -- 分组聚合

热门文章

  1. 普通项目——>maven项目——>SSM(一)
  2. Java简易实现记事本的打开与保存
  3. 华南理工大学 “三七互娱杯” C HRY and Abaas
  4. P-残缺的棋盘
  5. CSS 毛玻璃效果
  6. 将Medium中的博客导出成markdown
  7. Python RSA操作
  8. MySQL索引的分类、结构、使用场景
  9. Linux架构之Nginx之HTTPS
  10. 用户在浏览器输入URL或者跳转到一个URL后发生了什么