码迷,mamicode.com
首页 > 其他好文 > 详细

angular 安装

时间:2019-01-15 14:25:15      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:项目目录   cache   自动   www   png   nbsp   href   情况   -o   

步骤 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 安装

标签:项目目录   cache   自动   www   png   nbsp   href   情况   -o   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!