【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应用,需要安装一个软件: 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应用了!
结尾:
这是十分简单的讲解,希望有时间补充图片、丰富细节。
很晚了,睡觉去了。希望各位观众能够喜欢,晚安。
相关文章推荐
- 个人笔记-从零开始iOS开发_C语言基础1
- Android基础之用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台)
- Android基础之用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台)
- Android基础之用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台)
- Android基础之用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台)
- Android基础之用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台)
- win 10 开发零基础教学:教你做第一个App—— Hello world
- 【零基础学习iOS开发】【02-C语言】02-第一个C语言程序
- Android基础之用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台)
- 三十而立,从零开始学ios开发(三):第一个有交互的app - minglz
- Android基础用Eclipse搭建Android开发环境和创建第一个Android项目
- Android零基础入门第17节:Android开发第一个控件,TextView属性和方法大全
- JAVA基础(二)------第一个JAVA程序(开发环境搭建及配置环境变量)
- 三十而立,从零开始学ios开发(三):第一个有交互的app
- Android基础之用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台)
- java基础--JDK安装、环境变量配置、工具开发第一个程序、数据类型、运算符
- Android基础之用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台)
- Android基础之用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台)
- 从零开始搭建基于Xcode7的IOS开发环境和免开发者帐号真机调试运行第一个IOS程序HelloWorld
- Android基础之用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台)