Angular历险记

来源:互联网 发布:cygwin linux内核 编辑:程序博客网 时间:2024/06/11 08:19

Angular历险记

毕业工作第一个项目就是使用Angular2框架,一开始听到这个名词感觉特别新鲜,网上几乎找不到什么关于Angular2的资料,于是从0基础开始学习,如今也用了一年多了,angular2的基本知识点也都用过了一遍,但是越久越发现,有些东西一段时间不用,一下子就忘记了。有句话说得好,好记性不如烂笔头。那就把自己学到的东西都记下来吧,相信以后翻出来看看,可以很好地温习知识点。第一篇博客,就随便写写,都不太熟悉怎么写博客,哈哈!

怎么开始我的Angular之旅呢?

官网提供了很好的路线了,参考https://www.angular.cn/guide/quickstart

第一步,搭建开发环境

你需要确保自己的电脑上安装了符合版本要求的node.js和npm,我自己用的node版本是6.11的,npm则是3.10。在https://nodejs.org/en/download/ 即可下载到。安装完成后,cmd敲命令可以查看是否安装成功,简单的方法就是查看版本号

node -vnpm -v

完事了,最重要的当然是把Angular环境弄好,使用cli工具可以快速开始。

npm install -g @angular/cli

这个过程会下载很多东西,请耐心等待…

第二步,创建自己的项目

输入以下命令可以迅速生成项目雏形

ng new my-app

然后就是进入项目文件夹,安装必要的依赖包,输入

cd my-appnpm install

最后只要启动项目就可以在浏览器上访问啦

ng serve --open

–open命令会自动打开浏览器,如果不喜欢,可以去掉–open,然后手动访问http://localhost:4200
最后就可以看到这个最原始的页面了。
这里写图片描述

原创粉丝点击