您的位置:首页 > Web前端 > AngularJS

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

2018-01-29 23:36 169 查看
 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应用了!

结尾:

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

 很晚了,睡觉去了。希望各位观众能够喜欢,晚安。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Angular 2 TypeScript
相关文章推荐