Angular如何搭建开发环境

这篇文章给大家分享的是有关Angular如何搭建开发环境的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联是一家专注于成都网站设计、成都网站建设与策划设计,东山网站建设哪家好?创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:东山等地区。东山做网站价格咨询:18982081108

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

开始搭建 Angular 开发环境

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

1. Node.js

2. 配置 npm

3. Angular CLI

安装 Node.js

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

配置 npm

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

$ npm config set registry=https://registry.npm.taobao.org/

或者 使用 nrm 去管理 npm 源

$ npm i nrm -g
$ nrm use taobao

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

复制代码 代码如下:

$ npm config set sass_binary_site="https://npm.taobao.org/mirrors/node-sass/"

安装 Angular CLI

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

$ npm i @angular/cli -g

创建测试项目

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

$ ng new my-app --style=scss

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

$ cd my-app && ng serve -o

感谢各位的阅读！关于“Angular如何搭建开发环境”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！