wordpress CMS主题 微信
Home > JS应用 > angular6.0使用教程:创建一个新项目

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

高时银博客 JS应用 点击: 345 次 0 1
  • 标签:
  • 在上一章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
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    目前还没有评论。赶快来坐沙发吧。

    发表评论