【Angular】使用Angular快速Web应用项目脚手架构建一个

举报
huahua.Dr 发表于 2021/02/02 20:23:21 2021/02/02
【摘要】 使用Angular快速Web应用项目脚手架构建一个

一、安装node.jsnpm

进入nodejs官网下载与操作系统匹配的nodejs版本:https://nodejs.org/en/download/

运行,下一步至完成安装;

1)进入终端/控制台窗口中运行命令: node –v,可查看到nodejs版本信息即可

2)进入终端/控制台窗口中运行命令npm –v ,如果可查看到npm的版本信息,则表示安装成功,一般安装NodeJS已经安装了npm,否则执行命令:

       npm install npm@latest –g

二、安装Angular-cli

1. 必须的前提条件

Angular,Angular CLI和Angular应用程序依赖于npm软件包和NodeJS来实现许多功能。要下载和安装npm软件包和NodeJS,您需要一个npm软件包管理器和NodeJS,一般只要安装了NodeJS就可以了(默认情况下已经安装了npm

2. 安装Angular-cli

进入终端/控制台窗口中运行命令:npm install -g @angular/cli

三、创建一个Web应用项目脚手架

1.在指定目录下打开终端窗口,执行命令:ng new my-app ;就会在当前目录生成一个名为my-appAngular项目。

2.使用其他开发工具,如IDEA直接导入该项目,即可直接运行。

3.项目目录结构如下:

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200