详解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 相关文章推荐
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
Jan 04 Javascript
JQueryEasyUI datagrid框架的进阶使用
Apr 08 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
Nov 07 Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 Javascript
LABjs、RequireJS、SeaJS的区别
Mar 04 Javascript
jQuery中:password选择器用法实例
Jan 03 Javascript
js获取域名的方法
Jan 27 Javascript
JavaScript简单实现鼠标移动切换图片的方法
Feb 23 Javascript
ReactJs快速入门教程(精华版)
Nov 28 Javascript
React.js中常用的ES6写法总结(推荐)
May 09 Javascript
js实现鼠标移动到图片产生遮罩效果
Oct 21 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
聊天室php&mysql(五)
2006/10/09 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
2009/06/14 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
从数组中随机取x条不重复数据的JS代码
2013/12/24 Javascript
jQuery 鼠标经过(hover)事件的延时处理示例
2014/04/14 Javascript
JavaScript实现点击按钮就复制当前网址
2015/12/14 Javascript
JavaScript的模块化开发框架Sea.js上手指南
2016/05/12 Javascript
JavaScript中的ParseInt("08")和“09”返回0的原因分析及解决办法
2016/05/19 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
2016/07/06 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
2016/12/13 Javascript
JavaScript严格模式下关于this的几种指向详解
2017/07/12 Javascript
简单谈谈JS中的正则表达式
2017/09/11 Javascript
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
对python中return和print的一些理解
2017/08/18 Python
python实现拓扑排序的基本教程
2018/03/11 Python
Python递归实现汉诺塔算法示例
2018/03/19 Python
对python中执行DOS命令的3种方法总结
2018/05/12 Python
基于Python3.6+splinter实现自动抢火车票
2018/09/25 Python
python判断列表的连续数字范围并分块的方法
2018/11/16 Python
pycham查看程序执行的时间方法
2018/11/29 Python
Python正则表达式匹配日期与时间的方法
2019/07/07 Python
Python实现Restful API的例子
2019/08/31 Python
浅析python 定时拆分备份 nginx 日志的方法
2020/04/27 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
如何通过命令行进入python
2020/07/06 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
婴儿地球:Baby Earth
2018/12/25 全球购物
Ellos瑞典官网:北欧地区时尚、美容和住宅领域领先的电子商务网站
2019/11/21 全球购物
Tommy Hilfiger澳洲官网:美国高端休闲领导品牌
2020/12/16 全球购物
医院2014国庆节活动策划方案
2014/09/21 职场文书
党的群众路线教育实践活动剖析材料
2014/09/30 职场文书
2015年关爱留守儿童工作总结
2015/05/22 职场文书
tree shaking对打包体积优化及作用
2022/07/07 Java/Android