angularjs|安装angularjs及idea导入angularjs项目

在已安装好npm,cnpm情况下使用 【angularjs|安装angularjs及idea导入angularjs项目】先安装@angular/cli

//安装执行命令 cnpm i -g @angular/cli --save-dev

cmd控制台输入选择你要创建的路径
angularjs|安装angularjs及idea导入angularjs项目
文章图片

C:\Users\xyang>cd G:\project\angularuiC:\Users\xyang>g:G:\project\angularui>

创建angular项目
angularjs|安装angularjs及idea导入angularjs项目
文章图片

ng new agraui

//通过key选择一个css样式
angularjs|安装angularjs及idea导入angularjs项目
文章图片

卡住不动了按两下ctrl +c,停止运行
cd agraui//进入项目目录 cnpm i//(下载package.json里面的依赖包):

angularjs|安装angularjs及idea导入angularjs项目
文章图片

idea导入进去
angularjs|安装angularjs及idea导入angularjs项目
文章图片

再运行项目
ng serve

angularjs|安装angularjs及idea导入angularjs项目
文章图片

运行成功,输入http://localhost:4200/即可访问
angularjs|安装angularjs及idea导入angularjs项目
文章图片

angularjs|安装angularjs及idea导入angularjs项目
文章图片

    推荐阅读