学习笔记:Angular学习-----01Angular CLI安装与项目创建

学习笔记:Angular学习-01Angular CLI安装与项目创建

node.JS安装

nodejs的安装比较简单,安装过程见下面的链接,其中有nodejs的下载地址及如何安装,以及淘宝镜像。

https://blog.csdn.net/Z_X_L_/article/details/97136122

Augular cli的安装

键盘windows+R进入cmd界面,输入一下命令进行安装

npm install -g @angular/cli

如果安装了淘宝镜像的就输入下面的命令。用淘宝镜像下载会快一些。

cnpm install -g @angular/cli

安装完成后输入下面指令验证是否安装成功

ng version

在这里插入图片描述

Angular项目创建

安装Angular CLI成功后,仍然在cmd界面,输入下面指令进行项目创建

ng new 项目名称

当项目所需文件都创建好后就可以在cmd界面按CTRL+C终止创建,然后cd进入新创建的项目的目录,输入下面指令安装项目所需依赖

cnpm install

选择添加或不添加路由,Style选择为CSS或者SCSS,或者你想选其他的创建项目选择
当项目的文件夹中包含下面这些文件时,即可跳至图3步骤,执行CTRL+C终止创建项目的行为,然后通过命令进入项目的目录,通过cnpm install安装项目依赖。如图4。
图2包含这些文件时
图3中止操作
图4安装依赖
项目创建完成后同样cd进入项目的目录下,运行下面命令启动项目

//运行Angular项目
ng serve
//或者
ng serve --open
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值