• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > angular开发 > angular6.0使用教程:创建一个新项目

    angular6.0使用教程:创建一个新项目

    作者: 分类:angular开发 点击: 1,610 次
    wordpress CMS主题:ssmay主题

      在上一章angular6.0使用教程:安装angular框架中我们在window电脑上安装好了angular6.0,接下来,我们就可以在我们的电脑上通过angular6.0来创建一个新项目了。angular6.0跟angular4和angular5在创建项目是一样的。

       

      打开window系统的命令行工具【dos工具】,同时按下键盘【 win + R键】组合,在弹出的窗口中输入CMD,再点击确认,就可以打开命令行工具,如下图:【苹果系统可以打开终端命令行】

      angular6.0使用教程:创建一个新项目

      打开命令行工具后,进入要创建新项目的盘符,我这边是在d盘,在命令行工具中输入 d: 再按确定键,进入D盘。

      如果想把新项目创建在一个指定的目录下,如:angular,我们可以在d盘创建这个angular目录,命令行输入:

      mkdir angular

      再按确定,就在d盘创建了angular目录。

      输入:cd angular 进入angular目录。

      接下来,就可以创建angular项目了。

      ng new demo1     创建一个名为demo1的普通项目

      ng new demo1 --routing     创建一个带路由的项目

      angular6.0使用教程:创建一个新项目

      创建项目时,会需要一点时,要根据你的网速而定,因为需要下载非常多的依赖包,大概有几百个吧。如果出现如下图的那样,就表示创建项目成功:

      angular6.0使用教程:创建一个新项目

      当然,上图中的代码有提示:'git' 不是内部或外部命令,也不是可运行的程序 ,这是因为,没有安装 git,git是一个版本控制工具,如果是多人开发同一个项目的话,最好是先安装好这个git工具。

      创建好项目后,我们就可以编辑运行一下它。命令行输入 :

      cd demo1   进入项目目录

      ng  serve  --open

      这样就会编辑这个项目,编辑完成后,会通过浏览器打开这个项目。

      angular6.0使用教程:创建一个新项目

       

    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201805255599.html
    本文时间:2018-05-25 09:40:04
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    一条回应:“angular6.0使用教程:创建一个新项目”

    1. […] 在上一章angular6.0使用教程:创建一个新项目中,我们通过angular6.0新创建了一个dem01项目。项目创建好后,会在d:/angular目录下生成demo1目录。在demo1目录下会自动生成众多跟项目有关的目录和文件,如下图: […]

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.