如何从github下载并运行angular项目

以angular4.0为基础,写了个企业级快速开发的开源项目,放在了github上,很多人竟然私聊问我怎么用……
写个手册吧。
首先贴我的项目地址:

  • 开源中国(码云)地址:https://gitee.com/lovepeng/angluar-base
  • github地址:https://github.com/liepeng328/angular-base

项目预览地址:http://lovepeng.gitee.io/angularbase
首页预览图:

如何从github下载并运行angular项目_第1张图片

使用步骤

我这里使用的开发工具是intellij idea,当然你可以选择vs code等其他的工具。
我使用intellij idea开发的原因是,它可以写java,android,php,javastript,typestript,go,python等等等等,而且特别智能。

idea下载地址:https://www.jetbrains.com/idea/

它有这么多工具:

如何从github下载并运行angular项目_第2张图片
idea开发工具分类

第一步:
下载git上的代码,如下图

如何从github下载并运行angular项目_第3张图片

你可以选择下载zip压缩文件,然后用idea直接打开文件夹就行了。也可以用git方式下载。

idea中git方式下载:

如何从github下载并运行angular项目_第4张图片
如何从github下载并运行angular项目_第5张图片

第二步: 下载完成后运行

找到package.json右键,选择show scritps,显示脚本。


如何从github下载并运行angular项目_第6张图片

package.json中我已经编写好了所以使用脚本。你不够的可以继续添加。

如何从github下载并运行angular项目_第7张图片

然后双击就行了,不用写命令行,全部图形界面化操作了。

如何从github下载并运行angular项目_第8张图片

新建angular组件,也不需要angular-cli的命令行。直接图形界面化操作。

如何从github下载并运行angular项目_第9张图片

选择你要创建的组件或模块或其他:

如何从github下载并运行angular项目_第10张图片

工具自动化完成。

很简单有木有???
还问,笨!!!

你可能感兴趣的:(如何从github下载并运行angular项目)