angular 安装


步骤 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 组件

 

修改后浏览器自动刷新

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM