美文网首页
angular入门

angular入门

作者: 哆啦在这A梦在哪 | 来源:发表于2019-01-14 10:06 被阅读11次

由于公司需要,开始从后端渗透到前端。来吧,上代码:
1.安装node
2.安装npm
3.用命令下载angular,在前面文章里面说了,这些百度都能查到,就不说了!

一,创建名为“firstproject”项目

ng new firstproject

二,运行项目

cd firstproject
ng s

这里为什么进入firstproject,在运行,因为这个才是他的工作目录,不然他怎么知道你运行哪个项目。
三,检查
打开浏览器,输入“localhost:4200”,出来angular页面即可

四,项目目录了解
1.进入“APP”目录,这里就是你写代码的地方。找到“app.component.ts”这个页面是你刚刚看到的页面。他包含了两个文件, templateUrl: './app.component.html',styleUrls: ['./app.component.css'],这两个属性就是同一级目录下面的俩个引用,分别是HTML和对应的样式文件,你只需要修改他们的内容即可。下面的title属性就是你刚刚看到的标题。还有其他很多属性后面慢慢说。

五。新建一个组件。
1.angular是由很多组件拼成的,可以理解问一块一块的积木。下面就是新建一个“heroes”的新组件。你的APP目录下面就会多出来一个这个名称的文件夹。;里面的结构文件和APP主页的一样,然后就可以开始你的设计

 ng generate component heroes

相关文章

网友评论

      本文标题:angular入门

      本文链接:https://www.haomeiwen.com/subject/sjqddqtx.html