详解Angular 开发环境搭建
更新时间：2017年06月22日 15:34:03 作者：云鹏
Angular 是一款开源 JavaScript 框架，使开发和测试变得更加容易,这篇文章主要介绍了详解Angular 开发环境搭建,需要的朋友可以参考下
Angular 是一款开源 JavaScript 框架，由Google 维护，用来协助单一页面应用程序运行的。它的目标是增强基于浏览器的应用，使开发和测试变得更加容易。目前最新的 Angular 版本是 v4.2.3
开始搭建 Angular 开发环境
搭建 Angular 开发环境需要的步骤：
- Node.js
- 配置 npm
- 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 的国内源
复制代码 代码如下:
安装 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 CLI 的命令请参考 Angular CLI 官网
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
AngularJS入门心得之directive和controller通信过程
Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件，接下来通过本文给大家介绍AngularJS入门心得之directive和controller通信过程，对angularjs相关知识感兴趣的朋友一起学习吧2016-01-01
本篇文章主要介绍了如何编写一个完整的Angular4 FormText 组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
这篇文章主要介绍了AngularJS学习第一篇，分享了有关AngularJS的基础知识，主要包括指令、过滤器等，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
AngularJS ng-repeat指令及Ajax的应用实例分析
这篇文章主要介绍了AngularJS ng-repeat指令及Ajax的应用,结合实例形式分析了ng-repeat指令的功能及ajax请求交互相关操作技巧,需要的朋友可以参考下2017-07-07
今天小编就为大家分享一篇AngularJS 监听变量变化的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
这篇文章主要为大家详细介绍了仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件的相关资料，感兴趣的小伙伴们可以参考一下2016-07-07
本文介绍了其在AtScript、改善依赖入驻、Annotations、路由方案等方面的改变。虽然不知道打破原有是否是件好事，不过由于不向后兼容，我们需要为迁移做好计划2016-02-02
本文主要介绍AngularJS XHR和依赖注入，这里整理了详细资料和示例代码，有兴趣的小伙伴可以参考下2016-08-08
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
这篇文章主要介绍了AngularJS实现的鼠标拖动画矩形框,涉及基于AngularJS的事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-05-05
通过实例代码给大家详细讲述了angular动态表单的制作方法，对此有需要的朋友参考下。2018-02-02
最新评论