美文网首页
angular6.1脚手架(angular-cli)

angular6.1脚手架(angular-cli)

作者: 大胡子111 | 来源:发表于2018-08-03 14:06 被阅读137次

1.安装node.js

打开命令行工具输入命令查看安装情况
$ node -v
$ npm -v

2.初始化项目

2.1 angular-cli 6.1介绍

angular-cli 是 angular 的脚手架工具,可以帮助我们编写基础代码、快速搭建开发环境

2.2 全局安装angular cli

$ npm install -g @angular/cli

2.3 查看angular cli是否安装成功

$ ng version

2.4 创建新项目

$ ng new my-app

这里需要一段时间,会进行创建项目文件,并在该项目中生成一个简单的默认应用

2.5 进入项目目录,启动服务

$ cd my-app
$ ng serve --open

自动打开浏览器并访问 http://localhost:4200/

相关文章

网友评论

      本文标题:angular6.1脚手架(angular-cli)

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