位置:首页 > web前端 > angular

angular项目的安装

dearweb 发布:2021-08-15 20:48:37阅读:

angular作为目前业界使用最多的前端框架,今天带着大家一起走进angular的世界,其实小编也是刚开始学习,我们一起加油吧-_-。

安装angular脚手架

你可以使用 Angular CLI 来创建项目,生成应用和库代码,以及执行各种持续开发任务,比如测试、打包和部署。  要使用 npm 命令安装 CLI,请打开终端/控制台窗口,输入如下命令:

npm install -g @angular/cli

项目创建

ng new 命令会提示你提供要把哪些特性包含在初始应用中。按 Enter 或 Return 键可以接受默认值。 Angular CLI 会安装必要的 Angular npm 包和其它依赖包。这可能要花几分钟的时间。 CLI 会创建一个新的工作区和一个简单的欢迎应用,随时可以运行它。

运行 CLI 命令 ng new 并提供 my-app 名称作为参数,如下所示:

ng new my-app

运行项目

导航到 workspace 文件夹,比如 my-app。

运行下列命令: 

cd my-app
ng serve --open

ng serve 命令会启动开发服务器、监视文件,并在这些文件发生更改时重建应用。 

--open(或者只用 -o 缩写)选项会自动打开你的浏览器,并访问 http://localhost:4200/。 

如果你的安装和环境搭建成功了,就会看到如下页面:

image.png

angular初体验感觉很不错吧,其实如果你会了vue,angular搞起来还是比较简单的。

24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言(问题紧急可添加微信 xxl18963067593) 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

本刊热文
网友在读
手机扫码查看 手机扫码查看