【Angular入门】搭建开发环境

待我称王封你为后i 2022-05-29 05:29 226阅读 0赞

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

Angular是一个JavaScript框架。它是一个以JavaScript编写的库。可以通过< script>标签添加到HTML页面。  
    Angular是基于node.js的，如果你的电脑中没有Node.js和npm，请先安装。下载地址：[Node.js][]  
    npm安装插件是从国外服务器上下载，受网络影响很大，在项目开发过程中我们一般使用淘宝的npmjs.org镜像。用cnpm代替npm

<table> 
 <tbody> 
  <tr> 
   <td> <font>Angular搭建步骤</font></td> 
  </tr> 
 </tbody> 
</table>

**1、安装typescript和typings**  
    用cnpm安装typescript和typings，在命令提示符中直接输入：

cnpm install typescript@2.2.2 typings –g

运行完毕后，查看版本确定是否安装成功，在命令提示符中直接输入：

tsc –v

注：angular-cli是用typescript写的，所以需要安装typescript和typings

**2、安装Angular CLI**  
    用cnpm安装@angular/cli,直接在命令提示符中输入：

npm install -g @angular/cli

注：环境搭建到此完成。

<table> 
 <tbody> 
  <tr> 
   <td> <font>创建新项目</font></td> 
  </tr> 
 </tbody> 
</table>

打开终端窗口，在命令提示符中运行下面的命令生成一个新的项目

ng new my-app

注：my-app是项目名称。  
   ![创建Angluar项目][Angluar]  
  
   用ng new my-app直接创建不终止的话，默认用npm从国外服务器上下载资源，下载速度很慢。所以基本文件下载完成后，终止进程，用cnpm下载项目所依赖的node.js包

**进入项目目录，并启动开发服务器**  
   在命令提示符中直接输入下面的命令进入项目目录

cd my-app

在命令提示符中直接输入下面的命令安装项目依赖的所有的node.js包

cnpm install

启动项目服务器

ng serve

<table> 
 <tbody> 
  <tr> 
   <td> <font>结语</font></td> 
  </tr> 
 </tbody> 
</table>

刚刚接触angular的小白，还有很多需要学习的地方。敬请期待接下来的博客

[Node.js]: https://nodejs.org/en/download/
[Angluar]: /images/20220529/a8bc67fca4534aa9b04e775df3221c83.png

发表评论取消回复

表情：

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

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

相关阅读

相关 angular 环境搭建

目录 1. 安装Node.js 2. 安装cnpm 3. 安装 typescript 4. 安装Angular CLI 环境搭建第一步：下载安装node

一时失言乱红尘/ 2023年06月16日 08:05/ 0 赞/ 133 阅读

相关【Angular2】搭建开发环境

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

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

相关搭建angular开发环境

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

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

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

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

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

相关 Angular环境搭建

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

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

相关 Angular5.0之开发环境搭建

在使用Angular5.0进行开发的时候，我们先要在自己的电脑上搭建相关环境，主要要安装Nodejs、Angular CLI，然后在选择一款自己的开发工具就可以进行开发了。

一时失言乱红尘/ 2022年05月25日 01:22/ 0 赞/ 183 阅读

相关九、搭建Angular开发环境

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

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

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

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

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

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

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

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

相关 Angular环境搭建

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

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