Angular 学习（一）：Angular 开发环境准备与搭建

男娘i 2021-09-29 01:44 458阅读 0赞

### 文章目录 ###

*   *   *  开发环境准备
         *  搭建 Angular CLI
         *  Angular 项目创建
         *  Angular 项目打包

### 开发环境准备 ###

**安装 NodeJs**

Angular 需要 Node.js 的 8.x 或 10.x 版本。

下载地址： https://nodejs.org/dist/v10.15.3/node-v10.15.3-x64.msi

**安装 Python**

在安装 Python 时，版本请选择 2.7.x（如果是 python3 以上的， 可能会影响 node 插件的安装）

下载地址： http://www.python.org/ftp/python/2.7.3/python-2.7.3.msi

上述安装完成后，上述安装完成后，打开命令行窗口 (cmd)，输入命令：

> node -v: 查看 nodeJs 版本

> python -v： 查看 python 版本

若出现版本号说明安装成功。

### 搭建 Angular CLI ###

在搭建 Angular 脚手架前， 需要设置淘宝镜像。由于 npm 安装插件是从国外服务器上下载，受网络影响很大，可能会出现异常。所以需要设置淘宝镜像，这样资源就从国内服务器上下载，速度也会很快。

*  设置淘宝镜像

npm config set registry http://registry.npm.taobao.org

*  安装 Angular CLI

默认安装最新的版本，可在命令后面跟上版本号，安装指定的版本

npm install -g @angular/cli

或

npm install -g @angular/cli@版本号

*  查看 Angular CLI 版本号，验证是否安装成功

ng v

*  卸载 Angular CLI

npm uninstall -g @angular/cli

*  清除 Angular CLI 缓存

npm cache verify 缓存验证
    
    npm cache clean --force 清除缓存

### Angular 项目创建 ###

> ng new \[项目名称\]：创建一个 angular 项目

> ng serve \[–port 端口号\] \[–configuration=环境\]：启动 angular 项目

### Angular 项目打包 ###

最新版的 CLI 加上 --prod 参数就自动 AOT 了，并且打包文件自动压缩。

> ng build --prod

打包的时候也生成 source-map，帮助调使用。

> ng build --prod --source-map

发表评论取消回复

表情：

评论列表（有 0 条评论，458人围观）

还没有评论，来说两句吧...

相关阅读

相关 Angular 8 学习（一：环境的搭建）

Angular的学习： 1.环境的搭建：首先angular的运行需要有node.js的支持，所以需要先安装node.js 在安装node.js的时候，最好安...

谁借莪１个温暖的怀抱￠/ 2024年04月17日 14:21/ 0 赞/ 36 阅读

相关 angular2（一）环境搭建

关于angular2的环境搭建的帖子到处都是，但跟着一步一步操作，没几个是可以跑的起来的。如果是老油条则不需要看这种帖子，看这种帖子都是第一次搭建，如果有错误就让新手束手

谁借莪１个温暖的怀抱￠/ 2022年06月10日 00:17/ 0 赞/ 222 阅读

相关【Angular2】搭建开发环境

一、前言随着前端工程化的浪潮到来，最近公司的新项目需要使用Angular2作为前端的开发语言。当然小编之前是没有接触的，而且Angular2也是在Angul

待我称王封你为后i/ 2022年06月08日 13:13/ 0 赞/ 232 阅读

相关搭建angular开发环境

1、下载quickstart [点击打开链接][Link 1] 2、在quickstart目录下输入npm install 3、npm start 4、local

「爱情、让人受尽委屈。」/ 2022年06月01日 03:14/ 0 赞/ 209 阅读

相关【Angular入门】搭建开发环境

<table> <tbody> <tr> <td> <font>前言</font></td> </tr> </tbody> </table>

待我称王封你为后i/ 2022年05月29日 05:29/ 0 赞/ 187 阅读

相关 Angular环境搭建

原博客： https://blog.csdn.net/yuzhiqiang\_1993/article/details/70858829 目前Angular的最新版本是Ang

小鱼儿/ 2022年05月27日 11:54/ 0 赞/ 188 阅读

相关九、搭建Angular开发环境

搭建Angular开发环境 1、安装node.js node.js是JavaScr

心已赠人/ 2022年05月10日 13:34/ 0 赞/ 237 阅读

相关搭建angular开发环境与创建angular项目

angular开发环境需要安装： Node.js和angular CLI 1.首先进入这个网址https://nodejs.org/en/download/下载对应的

清疚/ 2022年05月10日 09:14/ 0 赞/ 242 阅读

相关 Angular 学习（一）：Angular 开发环境准备与搭建

文章目录开发环境准备搭建 Angular CLI Angular 项目创建 Ang

男娘i/ 2021年09月29日 01:44/ 0 赞/ 459 阅读

相关 Angular环境搭建

目前Angular的最新版本是`Angular4.0`，所以我们搭建的环境是4.0版本的。 Angular官方给我们提供了一个命令行工具就是`Angular CLI`，通过

╰+哭是因爲堅強的太久メ/ 2021年06月26日 16:06/ 0 赞/ 451 阅读