目前,无论你使用什么前端框架,都必然要用到NodeJS工具,Angular也不例外,与其他框架不同的是,Angular一开始就使用“全家桶”式的设计思路,因此@angular/cli这款工具里面集成了日常开发需要使用的所有Node模板,使用@angular/cli可以大幅度的降级开发环境的难度。

Angular CLI类似于 Vue CLI,是Angular官方开发的一个脚手架工具,专门用来开发Angular应用程序

以下是它常见的功能:

  1. Angular应用程序初始化
  2. 内置开发服务器
  3. 代码变更浏览器自动刷新
  4. 创建组件,指令,服务等集成工具
  5. 测试和服务

Angular CLI的安装

一、安装依赖环境
安装Nodejs

  1. 下载地址:
  2. 安装
  3. 确认Node环境

安装npm

  1. npm 会随着Node安装被一起安装
  2. 确认npm环境

安装Python

  1. 安装地址:https://www.python.org/

  2. 安装步骤:Python3.8下载安装步骤及环境变量配置详解
  3. 确认Python环境

安装C++编译工具

  1. Angular CLI在windows上同时依赖C++编译工具,所以我们也需要单独安装
  2. 当然如果你的机器安装了Visual Studio就可以不用安装(注意 不是Visual Studio Code)
  3. 执行下面的命令安装C++编译工具
npm install --global --production windows-build-tools

安装cnpm(不是必须)

npm install --global cnpm
 

二、安装脚手架工具

Angular CLI 是Angular官方开发的类似于 Vue CLI的脚手架工具,它帮我们集成了webpack打包,开发服务器,单元测试,自动编译,部署等功能特性

  1. 使用它的第一步就是先安装:
  2. 安装命令如下:
cnpm i -g @angular/cli

3.安装结束可通过命令行查看版本信息

ng --version


千夏Chinatsu: 你会活得很好,就像一场春雪后,也像一阵夏雨诗。

最新文章

  1. 在jexus下如何简单的配置多站点
  2. 用flashfxp做ftp镜像同步
  3. js div及table首行顶部吸附示例
  4. three.js 根据png生成heightmap
  5. Bootstrap系列 -- 8. 代码显示
  6. Tsung测试openfire服务器
  7. Linux使用有线上网教程
  8. VS2013编译WEBKIT
  9. 如何启用Oracle EBS Form监控【Z】
  10. C#关于HttpClient的应用(二):融云IM集成
  11. 【Android Developers Training】 52. 打印照片
  12. Android studio 使用问题汇总
  13. C# 传统四舍五入保留两位小数(网上流传好多错误的版本)
  14. 识别你的ADFS是什么版本的(Which version of ADFS is running)
  15. CentOS下安装Jenkins(Docker/war/tomcat/java -jar)
  16. Nginx自动安装脚本
  17. 浴血黑帮第三季/全集Peaky Blinders迅雷下载
  18. eclipse/STS 提升注解提示速度
  19. 20155225 2016-2017-2 《Java程序设计》第五周学习总结
  20. keil小技能随用随定义

热门文章

  1. 快速排序算法简述及python的实现
  2. shell 三剑客之 awk
  3. 力扣leetcode 435. 无重叠区间 - 贪心
  4. gson 处理null
  5. 解决ORA-00257无法删除用户
  6. 洛谷 P4093 [HEOI2016/TJOI2016]序列 CDQ分治优化DP
  7. java安全编码指南之:Number操作
  8. .NET Core加解密实战系列之——对称加密算法
  9. Vue 侦听器 watch
  10. jenkins打包java项目缺少jar包问题解决