[Angular学习笔记](1)尝试创建一个项目

Angular 是一种前端开发框架。

Angular(角落)是由Google以及个人和企业社区共同开发的基于TypeScript的开源前端Web应用框架。

环境准备的事项

如果你有 TypeScript 的知识就好了。

    • Angular4

 

    • angular/cli: 1.1.0

 

    • nodejs: 12.10.0

 

    開発IDE:WebStorm

创建一个项目

让我们使用Angular和Angular Material来创建一个用于管理项目的应用程序。首先,按照以下命令自动创建Angular项目。

创建一个新的项目,名称为projectname
例:创建一个新的项目,名称为tasker

如果按照以下方式输出日志,则会正常结束。

......
Successfully initialized git.
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Project 'tasker' successfully created.

引入Angular Material

使用以下命令引入所需的Angular Material。

使用npm安装 –save @angular/material

开始

请使用下面的命令启动项目。

运行服务

image.png

最后

感谢您看到最后,非常感谢。
源代码可以在这里下载。

请参考:https://material.angular.io/guide/getting-started

广告
将在 10 秒后关闭
bannerAds