详解Angular 开发环境搭建


Posted in Javascript onJune 22, 2017

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 CLI 的命令请参考 Angular CLI 官网 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 控制 html元素 显示/隐藏实现代码
Sep 01 Javascript
js以对象为索引的关联数组
Jul 04 Javascript
仿微博字符限制效果实现代码
Apr 20 Javascript
jquery Mobile入门—多页面切换示例学习
Jan 08 Javascript
js中switch case循环实例代码
Dec 30 Javascript
JavaScript中的类(Class)详细介绍
Dec 30 Javascript
如何编写高质量JS代码(续)
Feb 25 Javascript
js按条件生成随机json:randomjson实现方法
Apr 07 Javascript
微信小程序中hidden不生效原因的解决办法
Apr 26 Javascript
angular.extend方法的具体使用
Sep 14 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
Dec 05 Javascript
如何使用webpack打包一个库library的方法步骤
Dec 18 Javascript
详解Angular2组件之间如何通信
Jun 22 #Javascript
Angular2 父子组件数据通信实例
Jun 22 #Javascript
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 #Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
Jun 22 #Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 #jQuery
详解Vue 2.0封装axios笔记
Jun 22 #Javascript
EasyUI中的dataGrid的行内编辑
Jun 22 #Javascript
You might like
Optimizer与Debugger兼容性问题的解决方法
2008/12/01 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
PHP register_shutdown_function()函数的使用示例
2015/06/23 PHP
WordPress主题制作之模板文件的引入方法
2015/12/28 PHP
php文件包含目录配置open_basedir的使用与性能详解
2017/04/03 PHP
php高清晰度无损图片压缩功能的实现代码
2018/12/09 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
使用prototype.js 的时候应该特别注意的几个问题.
2007/04/12 Javascript
JS event使用方法详解
2008/04/28 Javascript
javascript OFFICE控件测试代码
2009/12/08 Javascript
Javascript获取CSS伪元素属性的实现代码
2014/09/28 Javascript
详细分析JavaScript变量类型
2015/07/08 Javascript
js鼠标点击图片切换效果实现代码
2015/11/19 Javascript
JavaScript阻止回车提交表单的方法
2015/12/30 Javascript
jQuery解析json格式数据简单实例
2016/01/22 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
2017/03/08 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
gulp教程_从入门到项目中快速上手使用方法
2017/09/14 Javascript
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
[02:30]辉夜杯主赛事第二日胜者组半决赛 CDEC.Y赛后采访
2015/12/26 DOTA
python自动化生成IOS的图标
2018/11/13 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
postman模拟访问具有Session的post请求方法
2019/07/15 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
pycharm实现在子类中添加一个父类没有的属性
2020/03/12 Python
Python  word实现读取及导出代码解析
2020/07/09 Python
一款纯css3实现的鼠标经过按钮特效教程
2014/11/09 HTML / CSS
浅谈html5之sse服务器发送事件EventSource介绍
2017/08/28 HTML / CSS
结构和类有什么异同
2012/07/16 面试题
远程研修随笔感言
2014/02/10 职场文书
工作睡觉检讨书
2014/02/25 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
2016年大学生暑期社会实践活动总结
2016/04/06 职场文书
Python制作表白爱心合集
2022/01/22 Python