在已安装好npm,cnpm情况下使用 【angularjs|安装angularjs及idea导入angularjs项目】先安装@angular/cli
//安装执行命令
cnpm i -g @angular/cli --save-dev
cmd控制台输入选择你要创建的路径
![angularjs|安装angularjs及idea导入angularjs项目](https://img.it610.com/image/info8/8dd0557f15ec471ba6ca09a2b819660f.png)
文章图片
C:\Users\xyang>cd G:\project\angularuiC:\Users\xyang>g:G:\project\angularui>
创建angular项目
![angularjs|安装angularjs及idea导入angularjs项目](https://img.it610.com/image/info8/293bce1e51be4b89b8e97bf5df6466d4.png)
文章图片
ng new agraui
//通过key选择一个css样式
![angularjs|安装angularjs及idea导入angularjs项目](https://img.it610.com/image/info8/e3d448a5760540f583e805e231f13f8c.jpg)
文章图片
卡住不动了按两下ctrl +c,停止运行
cd agraui//进入项目目录
cnpm i//(下载package.json里面的依赖包):
![angularjs|安装angularjs及idea导入angularjs项目](https://img.it610.com/image/info8/487aabd99f3948189d3216300e5310e4.png)
文章图片
idea导入进去
![angularjs|安装angularjs及idea导入angularjs项目](https://img.it610.com/image/info8/8a373d582d6d44a7a276b22af38954d6.jpg)
文章图片
再运行项目
ng serve
![angularjs|安装angularjs及idea导入angularjs项目](https://img.it610.com/image/info8/f33579a1c64c4919907227b7b75f70c4.png)
文章图片
运行成功,输入http://localhost:4200/即可访问
![angularjs|安装angularjs及idea导入angularjs项目](https://img.it610.com/image/info8/659cd146f5a1453580d56b840b782c7f.jpg)
文章图片
![angularjs|安装angularjs及idea导入angularjs项目](https://img.it610.com/image/info8/e642a05963624dce846de1b436c37b28.jpg)
文章图片
推荐阅读
- angularjs|脏值检测原理
- 鸿蒙|鸿蒙开发工具DevEco Studio如何切换黑色界面
- vue|发布angular指令,vue指令,js文件到npm的流程
- python|OSChina 周四乱弹 ——孩子是自己的就好
- 前端|OSChina 周六乱弹 —— 我有必须离开的理由!再见了 咸鱼们!
- Spring Boot 如何统计、监控 SQL 运行情况(写得太好了。。。)
- 网络|这10本硬核技术书,带你读懂5G、物联网和边缘计算,玩转元宇宙
- 算法|PyTorch 之 Checkpoint 机制解析
- mall学习教程|颜值爆表,Redis官方可视化工具来啦,功能很强大~