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  # 环境搭建  # AngularJS开发环境搭建  # .Net Core+Angular Cli/Angular4开发环境搭建教程  # 详解.Net Core + Angular2 环境搭建  # AngularJs入门教程之环境搭建+创建应用示例  # AngularJS入门教程之学习环境搭建  # 国内  # 后会  # 下载链接  # 创建一个  # 变得更加  # 开源  # 请参考  # 官网  # 大家多多  # 装好  # 应用程序  # 是一款  # 试试吧  # code  # LTS  # brush  # bash  # class  # pre 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Javascript中的事件循环是如何工作的_如何利用Javascript事件循环优化异步代码？  在线制作视频网站免费,都有哪些好的动漫网站？  Laravel如何使用Passport实现OAuth2？（完整配置步骤）  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  如何用AI一键生成爆款短视频文案？小红书AI文案写作指令【教程】  Thinkphp 中 distinct 的用法解析  b2c电商网站制作流程,b2c水平综合的电商平台？  如何在景安云服务器上绑定域名并配置虚拟主机？  Laravel如何使用查询构建器？（Query Builder高级用法）  今日头条AI怎样推荐抢票工具_今日头条AI抢票工具推荐算法与筛选【技巧】  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  Android实现代码画虚线边框背景效果  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  如何在万网开始建站？分步指南解析  浅析上传头像示例及其注意事项  浅谈javascript alert和confirm的美化  香港服务器WordPress建站指南：SEO优化与高效部署策略  Laravel项目怎么部署到Linux_Laravel Nginx配置详解  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】  Laravel如何配置Horizon来管理队列？（安装和使用）  安克发布新款氮化镓充电宝：体积缩小 30%，支持 200W 输出  laravel怎么通过契约（Contracts）编程_laravel契约（Contracts）编程方法  高性能网站服务器配置指南：安全稳定与高效建站核心方案  西安专业网站制作公司有哪些,陕西省建行官方网站？  PHP 500报错的快速解决方法  Laravel怎么实现验证码(Captcha)功能  详解Android图表 MPAndroidChart折线图  用v-html解决Vue.js渲染中html标签不被解析的问题  在centOS 7安装mysql 5.7的详细教程  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  什么是javascript作用域_全局和局部作用域有什么区别？  Python图片处理进阶教程_Pillow滤镜与图像增强  Win11关机界面怎么改_Win11自定义关机画面设置【工具】  Google浏览器为什么这么卡 Google浏览器提速优化设置步骤【方法】  Laravel如何配置中间件Middleware_Laravel自定义中间件拦截请求与权限校验【步骤】  如何在腾讯云免费申请建站？  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  Win11怎么修改DNS服务器 Win11设置DNS加速网络【指南】  微信小程序 require机制详解及实例代码  EditPlus中的正则表达式实战(5)  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  nodejs redis 发布订阅机制封装实现方法及实例代码  如何在 Python 中将列表项按字母顺序编号（a.、b.、c. …）  奇安信“盘古石”团队突破 iOS 26.1 提权  Java类加载基本过程详细介绍  如何在万网主机上快速搭建网站？