详解Angular 开发环境搭建

详解Angular 开发环境搭建

Angular 是一款开源 JavaScript 框架,使开发和测试变得更加容易,这篇文章主要介绍了详解Angular 开发环境搭建,需要的朋友可以参考下

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 官网 

以上就是详解Angular 开发环境搭建的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读

    2010年底DIY硬件总结和安装参考

    2010年底DIY硬件总结和安装参考,,它似乎只是一眨眼的功夫从过去的最后一眼。看看现在的岗位似乎就在昨天,但看看当年的内容是真的走了,如果

    cad参考集快捷键|参照快捷键CAD

    cad参考集快捷键|参照快捷键CAD,,1. 参照快捷键CAD放大缩小快捷键:Scale(SC),然后输入需要的比例。含义和功能说明如下:比例因子: 以指定的比例

    打开运行快捷键|打开程序运行快捷键

    打开运行快捷键|打开程序运行快捷键,,打开程序运行快捷键操作方法:使用win+R键就可以打开电脑的运行窗口,除了使用快捷键,在Windows10系统下

    ps快捷键参考线|ps快捷键参考线不见了

    ps快捷键参考线|ps快捷键参考线不见了,,ps快捷键参考线不见了在弹出的菜单中,再点击:显示额外内容。也可以按下快捷键:CTRL+H,调出网格线。ps

    rails框架介绍

    rails框架介绍,框架,代码, Rails 框架首次提出是在2004年7月,其的研发者是26岁的丹麦人David Heinemeier Hansson。不同于已有复杂的Web

    参考线快捷键隐藏|快速隐藏参考线

    参考线快捷键隐藏|快速隐藏参考线,,快速隐藏参考线方法NO.1 菜单栏-【视图】在菜单栏找到【视图】,在显示模块中 参考线 前面框框直接勾选

    ai设置参考线|AI怎么设置参考线

    ai设置参考线|AI怎么设置参考线,,ai设置参考线打开电脑ai文件,新建文件夹,按住快捷键Ctrl+R键调出参考线;然后点击参考线鼠标右击,调出参考线

    java三大框架面试题

    java三大框架面试题,面试题,对象,本文目录java三大框架面试题前端面试题分享之什么是Spring开发中主要使用spring的什么技术 面试题Java面