首页 > 其他 > 详细

angular 安装

时间:2019-01-15 13:41:06      阅读:214      评论:0      收藏:0      [点我收藏+]
步骤 1. 设置开发环境
安装命令:npm install -g @angular/cli
 
技术分享图片

 

安装后出现下图情况:

技术分享图片

则继续执行:
清空缓存: npm uninstall -g angular-cli
清空缓存后继续执行直至成功:npm install -g @angular/cli
 
测试是否安装成功:
命令行输入 : ng -v
出现下图则证明安装成功
技术分享图片

 

 

步骤 2. 创建新项目
生成新项目命令:ng new my-app
技术分享图片

 

安装成功后如下图所示:(问题)

技术分享图片

http://www.ngui.cc/news/show-2039.html

解决办法:npm cache clean --force

 

安装成功如图示:

技术分享图片

步骤 3. 启动开发服务器
进入项目目录,并启动服务器,命令如下:
cd my-app ng serve --open
如下图:
技术分享图片

 

运行完后自动打开浏览器并访问 http://localhost:4200/

 技术分享图片

步骤 4.在以下目录中找到新建的项目并打开

技术分享图片

 

 步骤 5. 编辑Angular 组件

技术分享图片

 

修改后浏览器自动刷新

技术分享图片

 

angular 安装

原文:https://www.cnblogs.com/hanli-you/p/10270988.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!