【Angular 2+基础】一、从零开始开发第一个Angular应用

本文介绍了从安装Node.js到使用Angular CLI创建并启动首个Angular项目的全过程。包括环境搭建、依赖安装及项目运行等关键步骤。

 17年劳动节由于工作调动,有机会接触了Angular,并将其运用在公司的项目之中,今天开始决定把一些学习片段记录、积累下来。 

一、安装环境的搭建: 

 为了编写第一个Angular应用,需要安装一个软件: Node.js,Node.js的安装很简单,去其中文官网根据自己机子的系统的不同下载对应的最新版本,Windows 系统可以选择安装msi格式,一路next就可以安装完成。

 在命令行中输入node -v ,如果出现版本信息说明安装成功。

二、安装Angular CLI:

 在一的前提下,继续在命令行中输入npm install -g @angular/cli,稍等片刻就可安装完成。类似一,输入ng -v ,出现了版本信息说明安装成功。

三、创建新工程:

 有了CLI,我们很容易创建一个新的Angular工程,在命令行中输入 ng new my-project ,CLI自动创建了新工程。

四、安装依赖:

 进入my-project,命令行中输入npm install , npm帮我们自动安装依赖,几分钟即可。

五、开启新工程:

 依赖安装成功后,命令行中输入npm start ,不久就可以在浏览器中看到我们的第一个Angular应用了!

结尾:

 这是十分简单的讲解,希望有时间补充图片、丰富细节。

 很晚了,睡觉去了。希望各位观众能够喜欢,晚安。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值