Angular 11项目搭建

本文介绍了在安装Angular前的必备条件,包括已安装Node.js和配置环境。推荐使用VisualStudioCode作为开发工具。详细步骤包括通过AngularCLI创建项目,解决国内安装可能遇到的问题,如使用淘宝npm镜像加速,以及如何终止并用cnpm完成项目依赖安装。最后,验证Angular安装成功并启动项目的方法。
摘要由CSDN通过智能技术生成

在安装Angular前首先必备条件:node安装好并配置环境(需要可点击查看)
推荐使用 Visual Studio Code开发工具

安装Angular Cli

CLICommand Line Interface的简写。用来创建项目、创建应用和库代码,并执行多种开发任务,比如测试、打包和发布。
国内安装过程可能会报错,可以使用梯子或淘宝镜像。
淘宝镜像npm config set registry https://registry.npm.taobao.org
Angular安装npm install -g @angular/cli

创建Angular项目

在cmd命令框输入

ng new app(项目名字)

在这里插入图片描述

创建到出现绿色字体,按Ctrl+C,终止操作。

cd到项目所在文件夹

进入到项目文件夹,输入命令:

cnpm install

在这里插入图片描述

因为使用ng命令创建项目会从npm上拉取需要的一些文件,但是由于npm是国外的服务器,所以会很卡,而且很耗时间,所以终止操作,改为从cnpm上拉取相应的文件,项目创建过程中的Y/N自行选择;

测试是否安装成功:cnpm -v

项目运行

ng serve --open

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值