安装Angular CLI开发工具
2024-09-02 01:38:16
目前,无论你使用什么前端框架,都必然要用到NodeJS工具,Angular也不例外,与其他框架不同的是,Angular一开始就使用“全家桶”式的设计思路,因此@angular/cli这款工具里面集成了日常开发需要使用的所有Node模板,使用@angular/cli可以大幅度的降级开发环境的难度。
Angular CLI类似于 Vue CLI,是Angular官方开发的一个脚手架工具,专门用来开发Angular应用程序
以下是它常见的功能:
- Angular应用程序初始化
- 内置开发服务器
- 代码变更浏览器自动刷新
- 创建组件,指令,服务等集成工具
- 测试和服务
- …
Angular CLI的安装
一、安装依赖环境
安装Nodejs
- 下载地址:
- 安装
- 确认Node环境
安装npm
- npm 会随着Node安装被一起安装
- 确认npm环境
安装Python
- 安装步骤:Python3.8下载安装步骤及环境变量配置详解
- 确认Python环境
安装C++编译工具
- Angular CLI在windows上同时依赖C++编译工具,所以我们也需要单独安装
- 当然如果你的机器安装了Visual Studio就可以不用安装(注意 不是Visual Studio Code)
- 执行下面的命令安装C++编译工具
npm install --global --production windows-build-tools
安装cnpm(不是必须)
npm install --global cnpm
二、安装脚手架工具
Angular CLI 是Angular官方开发的类似于 Vue CLI的脚手架工具,它帮我们集成了webpack打包,开发服务器,单元测试,自动编译,部署等功能特性
- 使用它的第一步就是先安装:
- 安装命令如下:
cnpm i -g @angular/cli
3.安装结束可通过命令行查看版本信息
ng --version
千夏Chinatsu: 你会活得很好,就像一场春雪后,也像一阵夏雨诗。
最新文章
- 在jexus下如何简单的配置多站点
- 用flashfxp做ftp镜像同步
- js div及table首行顶部吸附示例
- three.js 根据png生成heightmap
- Bootstrap系列 -- 8. 代码显示
- Tsung测试openfire服务器
- Linux使用有线上网教程
- VS2013编译WEBKIT
- 如何启用Oracle EBS Form监控【Z】
- C#关于HttpClient的应用(二):融云IM集成
- 【Android Developers Training】 52. 打印照片
- Android studio 使用问题汇总
- C# 传统四舍五入保留两位小数(网上流传好多错误的版本)
- 识别你的ADFS是什么版本的(Which version of ADFS is running)
- CentOS下安装Jenkins(Docker/war/tomcat/java -jar)
- Nginx自动安装脚本
- 浴血黑帮第三季/全集Peaky Blinders迅雷下载
- eclipse/STS 提升注解提示速度
- 20155225 2016-2017-2 《Java程序设计》第五周学习总结
- keil小技能随用随定义