由于公司需要,开始从后端渗透到前端。来吧,上代码:
1.安装node
2.安装npm
3.用命令下载angular,在前面文章里面说了,这些百度都能查到,就不说了!
注意:
Angular 2.x及以上统称Angular, Angular 1.x 则称为 AngularJS.
Angular 5 发布于 2017年11月01日。
Angular 6 发布于 2018年05月03日。
Angular 7 发布于 2018年10月18日。
一,创建名为“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