详解Angular 开发环境搭建

Angular 是一款开源 JavaScript 框架,由Google 维护,用来协助单一页面应用程序运行的。它的目标是增强基于浏览器的应用,使开发和测试变得更加容易。目前最新的 Angular 版本是 v4.2.3

@H_403_3@开始搭建 Angular 开发环境

搭建 Angular 开发环境需要的步骤:

  1. Node.js
  2. 配置 npm
  3. Angular CLI

@H_403_3@安装 Node.js

下载安装Node.js ,下载最新的 LTS 版本即可,目前最新的版本是 v6.11.0 LTS

配置 npm

安装好 Node.js 之后需要配置一下 npm 国内源

https://registry.npm.taobao.org/

或者 使用 nrm 去管理 npm

由于 node-sass 包的下载链接被墙了,所以要配置一下 node-sass 的国内源

代码如下:
https://npm.taobao.org/mirrors/node-sass/"

@H_403_3@安装 Angular CLI

Angular CLI 用于创建、编译、发布 Angular 项目

@H_403_3@创建测试项目

打开终端,创建一个基于 scss 样式的 Angular 项目

项目创建成功后会提示 Project 'my-app' successfully created.,然后进入项目目录并运行试试吧

更多 Angular CLI 的命令请参考 Angular CLI 官网

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

事件冒泡和事件捕获 起因:今天在封装一个bind函数的时候,发现el.addEventListener函数支持第三个参数...
js小数运算会出现精度问题 js number类型 JS 数字类型只有number类型,number类型相当于其他强类型语言...
什么是跨域 跨域 : 广义的跨域包含一下内容 : 1.资源跳转(链接跳转,重定向跳转,表单提交) 2.资源...
@ "TOC" 常见对base64的认知(不完全正确) 首先对base64常见的认知,也是须知的必须有...
搞懂:MVVM模式和Vue中的MVVM模式 MVVM MVVM : 的缩写,说都能直接说出来 :模型, :视图, :视图模...
首先我们需要一个html代码的框架如下: 我们的目的是实现ul中的内容进行横向的一点一点滚动。ul中的内容...