zoukankan      html  css  js  c++  java
  • 安装Angular CLI开发工具

    目前,无论你使用什么前端框架,都必然要用到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: 你会活得很好,就像一场春雪后,也像一阵夏雨诗。

  • 相关阅读:
    双端口SRAM中读干扰问题
    工业计算内存模块专用MRAM存储器-MR4A16B
    Java学习日报7.26
    Java学习日报7.25
    Java学习日报7.24
    Java学习日报7.23
    Java学习日报7.22
    Java学习日报7.21
    Java学习日报7.20
    Java学习日报7.19
  • 原文地址:https://www.cnblogs.com/Chinatsu/p/13715661.html
Copyright © 2011-2022 走看看