Angular项目框架搭建

本文介绍了Angular项目的搭建步骤,包括前置环境Node.js的安装,全局安装@angular/cli,创建新项目,启动项目,并详细解析了Angular组件的元数据、模板、控制器等核心概念,以及输入属性、提供器、生命周期钩子等特性。
摘要由CSDN通过智能技术生成

一、.前置环境安装

   确认已安装安装Node.js

   

“在项目开发中需要使用NPM包管理工具,而NPM运行在node.js上面, 所以需要先安装node.js。通过npm可以很方便的安装、共享、分发代码,管理项目依赖关系;通过运行“npm install 包名”几乎可以安装任何包/库。”

二、搭建Angular项目环境

  1、全局安装@angular/cli

npm instal -g @angular/cli
// 确认安装版本号
ng v

  2、进入你的项目目录,创建一个基于 新项目: ng new 项目名

ng new cloud-music-ui

说明:

Would you like to add Angular routing ==> 是否要安装 angular路由,Y 回车;

Which stylesheet format would you like to use ==> 选择层叠样式表;

  3、安装成功后,项目文件夹中会多出一个目录: node_modules

  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值