Angular2安装angular-cli
Angular2:如何顺利安装angular-cli并启动新项目
对于正在Angular2框架的朋友们来说,搭建开发环境是开启新项目的第一步。我将分享如何成功安装angular-cli并启动一个新的Angular项目。希望这些内容能为大家的学习之路提供一些帮助。
我们要开始新的征程,等待了许久,终于要踏上Angular2的学习之路。由于初次接触这个强大的框架,我决定借助angular-cli这个脚手架工具来快速搭建项目环境。
在多次尝试和参考了许多博文后,我成功安装了angular-cli。根据我帮助许多小伙伴成功安装的经验,下面我将详细介绍一下安装步骤。
第一步,我们需要设置淘宝镜像。在.npmrc文件(该文件位于C盘>用户(或user)>你的电脑名字下)添加淘宝镜像的。如果之前已经设置过,可以跳过这一步。你也可以选择通过命令行临时设置。
第二步,使用npm安装typescript和typings。因为angular-cli是用typescript编写的,所以我们需要先安装这两个工具。
第三步,安装angular-cli。如果你之前安装失败过,最好在安装angular-cli之前先卸载干净,并清理npm缓存。然后,使用命令“npm install -g angular-cli@latest”安装的angular-cli。
安装完成后,你可以通过执行“ng -v”和“ng --help”来检查是否正确安装。如果显示正确内容,就表示安装成功了。
接下来,你就可以创建并运行一个新的Angular项目了。使用命令“ng new ProjectName”(ProjectName为你的项目名),然后进入项目目录,“cd ProjectName”,最后使用“ng serve”命令启动项目。
在浏览器中输入
虽然angular-cli为我们提供了便捷的项目搭建环境,但它也带来了一些我们可能并不需要的包和文件。有能力的小伙伴最好还是选择自己搭建项目。
以上就是本文的全部内容,希望对大家的学习有所帮助。也希望大家多多支持我们的狼蚁SEO。让我们一起在Angular2的世界里更多可能性!
编程语言
- Angular2安装angular-cli
- javascript输出AscII码扩展集中的字符方法
- ASP正则表达式技巧
- thinkPHP模板中for循环与switch语句用法示例
- Vue+element 解决浏览器自动填充记住的账号密码问
- javascript显示系统当前时间代码
- 天意商务系统后台管理帐号破解html版
- linux中cd命令使用详解
- Yii调试SQL的常用方法
- php比较两个绝对时间的大小
- JavaScript通过改变文字透明度实现的文字闪烁效果
- JS实现网页每隔3秒弹出一次对话框的方法
- 有关Ajax跨域问题的两种解决方法
- jquery ajax结合thinkphp的getjson实现跨域的方法
- php猴子选大王问题解决方法
- jquery控制页面部分刷新的方法