【Angular入门】搭建开发环境

待我称王封你为后i 2022-05-29 05:29 262阅读 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 条评论，262人围观）

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

相关阅读

相关 angular开发环境搭建【win7】

在windows7安装angular7 【1】安装node.js 创建一个angular文件夹，用于下载angular相关软件进入node.js官网 [http

分手后的思念是犯贱/ 2023年10月05日 10:52/ 0 赞/ 26 阅读

相关 angular 环境搭建

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

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

相关 Angular环境搭建

Angular环境搭建 1、安装前准备工作： 1.1 安装node.js 确保你的开发环境中包括 `Node.js®` 和一个包管理器

短命女/ 2023年02月18日 14:04/ 0 赞/ 32 阅读

相关【Angular2】搭建开发环境

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

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

相关搭建angular开发环境

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

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

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

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

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

相关 Angular环境搭建

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

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

相关九、搭建Angular开发环境

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

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

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

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

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

相关 Angular环境搭建

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

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