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 】

相关推荐： Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】  Laravel怎么为数据库表字段添加索引以优化查询  EditPlus中的正则表达式 实战(4)  如何挑选优质建站一级代理提升网站排名？  Laravel如何使用Service Provider注册服务_Laravel服务提供者配置与加载  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  Laravel Session怎么存储_Laravel Session驱动配置详解  如何快速配置高效服务器建站软件？  JavaScript如何实现类型判断_typeof和instanceof有什么区别  UC浏览器如何设置启动页 UC浏览器启动页设置方法  济南网站建设制作公司,室内设计网站一般都有哪些功能？  Laravel如何处理JSON字段的查询和更新_Laravel JSON列操作与查询技巧  实现点击下箭头变上箭头来回切换的两种方法【推荐】  DeepSeek是免费使用的吗 DeepSeek收费模式与Pro版本功能详解  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  如何选择可靠的免备案建站服务器？  Win11怎么设置默认图片查看器_Windows11照片应用关联设置  如何登录建站主机？访问步骤全解析  如何在局域网内绑定自建网站域名？  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  如何在万网主机上快速搭建网站？  网易LOFTER官网链接 老福特网页版登录地址  Laravel怎么在Blade中安全地输出原始HTML内容  IOS倒计时设置UIButton标题title的抖动问题  如何在IIS管理器中快速创建并配置网站？  如何在景安服务器上快速搭建个人网站？  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  ChatGPT常用指令模板大全 新手快速上手的万能Prompt合集  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程  laravel怎么通过契约（Contracts）编程_laravel契约（Contracts）编程方法  简历在线制作网站免费版,如何创建个人简历？  Laravel API资源(Resource)怎么用_格式化Laravel API响应的最佳实践  Laravel如何监控和管理失败的队列任务_Laravel失败任务处理与监控  如何基于PHP生成高效IDC网络公司建站源码？  如何快速生成可下载的建站源码工具？  Laravel如何使用Blade组件和插槽？（Component代码示例）  Laravel如何处理异常和错误？（Handler示例）  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  微信小程序 五星评分(包括半颗星评分)实例代码  javascript中的数组方法有哪些_如何利用数组方法简化数据处理  Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤  黑客入侵网站服务器的常见手法有哪些？