如何搭建Angular的环境

  【前言】前几天搭了一个Angular需要的环境,来总结一下在这个过程中学到的东西,欢迎更位大神指导一下!

一、什么是Angular

  1、定义:Angular 是一个用 HTML 和 JavaScript 或者一个可以编译成 JavaScript 的语言(例如 Dart 或者 TypeScript ),来构建客户端应用的框架。该框架包括一系列库,有些是核心库,有些是可选库。
 2、架构:
  1)模块 (Modules)
  2)组件 (Components)
  3)模板 (Templates)
  4)元数据 (Metadata)
  5)数据绑定 (Data Binding)
  6)指令 (Directives)
  7)服务 (Services)
  8)依赖注入 (Dependency Injection)
这里写图片描述
  3、工作说明:用 Angular 扩展语法编写 HTML 模板, 用组件类管理这些模板,用服务添加应用逻辑, 用模块打包发布组件与服务。

二、环境搭建
  1、安装nodejs:nodejs是Angular依赖的环境,是基础,只有在node.js的环境下,我们才能使用接下俩的命令来构建Angular。安装完之后我们就可以在doc命令窗口直接使用npm命令了(npm -v)。
  官方解释:Node.js®是在Chrome的V8 JavaScript引擎上构建的JavaScript运行时。Node.js使用事件驱动的非阻塞I / O模型,使其轻量级和高效。Node.js的软件包生态系统npm是世界上最大的开源库。
  2、安装cnpm
  在命令窗口输入:npm install cnpm -g –registry=https://registry.npm.taobao.org
安装完毕之后需要输入:cnpm -v来查看版本号
  注意:cnpm和npm的用法一直,npm是从国外的服务器上下载,所以受网络影响很大,我们使用的cnpm其实是淘宝团队生产的一个完成的npmjs.org镜像,所以在需要输入npm的时候我们直接输入cnpm就行了。
  3、安装typescript和typings
  cnpm install –g typescript@2.2.2 typings
  运行完毕之后,查看版本确定是否安装成功,在命令提示符中直接输入:tsc –v,如果出现版本号则为安装成功。
  4、安装@angular/cli
  cnpm install –g @angular/cli@1.0.0

  5、安装webstorm或者VS Code
  到这里需要的环境就差不多了。
三、新建项目
  1、在命令提示符中输入 :ng new 项目名称
  2、下载项目依赖的nodejs包
   cd 项目名称(定位到项目目录)
   cnpm install(下载nodejs包)
  3、启动web服务器
   ng serve
  【总结】对于每一部分起到什么作用还不是很清楚,需要不断的学习和实践。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 21
    评论
评论 21
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值