如何从github下载并运行angular项目
以angular4.0为基础,写了个企业级快速开发的开源项目,放在了github上,很多人竟然私聊问我怎么用……
写个手册吧。
首先贴我的项目地址:
- 开源中国(码云)地址:https://gitee.com/lovepeng/angluar-base
- github地址:https://github.com/liepeng328/angular-base
项目预览地址:http://lovepeng.gitee.io/angularbase
首页预览图:
![](https://yqfile.alicdn.com/img_37e05801be12d5c9a0df177e209e8c85.png)
使用步骤
我这里使用的开发工具是intellij idea,当然你可以选择vs code等其他的工具。
我使用intellij idea开发的原因是,它可以写java,android,php,javastript,typestript,go,python等等等等,而且特别智能。
idea下载地址:https://www.jetbrains.com/idea/
它有这么多工具:
![](https://yqfile.alicdn.com/img_93dbc61fdf08f223bd0e3442d5b5baf1.png)
第一步:
下载git上的代码,如下图
![](https://yqfile.alicdn.com/img_ed39a362e21b05742c88f459b560d19f.png)
你可以选择下载zip压缩文件,然后用idea直接打开文件夹就行了。也可以用git方式下载。
idea中git方式下载:
![](https://yqfile.alicdn.com/img_2add9ff94bb262916d57b3d9c9391ea9.png)
![](https://yqfile.alicdn.com/img_470efe57e5f79e8ed5db66f1e59a9bf5.png)
第二步: 下载完成后运行
找到package.json右键,选择show scritps,显示脚本。
![](https://yqfile.alicdn.com/img_8d021e8befea5d424a22615c04a29f29.png)
package.json中我已经编写好了所以使用脚本。你不够的可以继续添加。
![](https://yqfile.alicdn.com/img_77c06c0a97597b76b58788db395acc25.png)
然后双击就行了,不用写命令行,全部图形界面化操作了。
![](https://yqfile.alicdn.com/img_134a082e65cab39ac1412a729bbf6ea1.png)
新建angular组件,也不需要angular-cli的命令行。直接图形界面化操作。
![](https://yqfile.alicdn.com/img_654d22006e00a135198edf416cdd7a5f.png)
选择你要创建的组件或模块或其他:
![](https://yqfile.alicdn.com/img_9a085cec57e2f778b9f3d1c52992077d.png)
工具自动化完成。
很简单有木有???
还问,笨!!!
如何从github下载并运行angular项目相关推荐
- github下载老版本的项目
首先github是一种远程git仓库,一般大型项目(如tensorflow)每发行一个版本就是一个分支branch,而一般主分支master是最新发布的版本. 因为程序的兼容问题,很多时候需要我们安装 ...
- 运行Angular项目后自动打开网页
启动Angular项目时通常输入 ng server命令,执行完之后还需要在浏览器输入localhost:4200,真的是麻烦.只要将命令换成 ng serve --open 然后等着就行了,舒服多了 ...
- Angular 介绍、安装 Angular Cli、创建 运行 Angular 项目
1.什么是Angular Angualr 是一款来自谷歌的开源的 web 前端框架,诞生于 2009 年,由 Misko Hevery 等 人创建,后为 Google 所收购.是一款优秀的前端 JS ...
- Webstorm下运行Angular项目
1.先找到想要运行的项目的package.json文件 2.右击package.json文件,找到Show npm Scripts 3.单击Show npm Scripts,出现如下图的结构: 4.双 ...
- github下载代码运行问题
1.github中下载的关于cesium代码,需要将cesium中的node_modules文件夹拷贝到项目下 2.切换到文件目录下,执行npm install 3.node ***.js
- Angular介绍、安装Angular Cli、创建Angular项目入门教程
场景 Angualr 是一款来自谷歌的开源的web 前端框架,诞生于2009 年,由Misko Hevery 等 人创建,后为Google 所收购.是一款优秀的前端JS 框架,已经被用于Google ...
- Git 使用篇一:初步使用GitHub,下载安装git,并上传项目
首先在MAC上怎么操作. 在gitHub创立一个账户,在创立一个项目,这就不用我说了对吧. 创建完之后是这样的: 接下来,我们打开https://brew.sh 这是下载homebrew的网站,hom ...
- Angular运行在java_在本地运行现有Angular项目
我是Angular的新手,我正在尝试在我的机器上运行Angular的现有项目 . 我做了很多测试并且跟着很多文章 . 但无法运行我的项目 . 我有这样的项目文件: 我在我的系统上安装了nodejs . ...
- ABP框架—从项目下载到运行详细讲解
ABP的学习网站我目前是使用两个,两个网站的文档内容有些是互补的,可以帮助我们更详细的学习 1. https://www.abp.io/ 2. https://aspnetboilerplate. ...
最新文章
- Linux shell 学习笔记(5)— 文件权限(添加、修改、删除用户及创建、修改群组)
- Matlab与线性代数 -- 矩阵的加法与减法
- 带你深入理解值传递(点进来才知道它是一篇使你收益的文章)
- 关于“粪”,你知道多少?【Feign是个什么玩意儿?】
- esc指令检查打印状态_【行业知识分享】八千字解读ESC系统
- 2017.9.17 选数 失败总结
- kbhit linux windows通用,linux模拟windows的kbhit
- Netty工作笔记0050---Netty核心模块1
- 《C++标准程序库》——STL迭代器
- C#中用WinAPI调用外部程序
- 二维码生成(如何实现扫描二维码,实现网址自动跳转?):扫码直接进入网页,直接进入网址页面
- 操作系统:Win10如何彻底卸载自带的Flash软件
- 手动更新windows补丁
- Vision Transformer | CVPR 2022 - Beyond Fixation: Dynamic Window Visual Transformer
- Ubuntu Linux虚拟机不识别U盘问题解决
- “书法字”“一”的理解
- Elasticsearch安装操作步骤
- html css 悬浮切换效果,CSS3悬浮动画效果_html/css_WEB-ITnose
- 百度地图 web 只显示地图
- 利用高德地图根据详细地址获取经纬度(工具类)
热门文章
- CentOS 7安装postgres数据库
- 安装zabbix4.0
- 【Oracle】数据库热备
- eurekaAutoServiceRegistration 异常
- php环境Unknown column ‘*‘ in ‘field list‘解决方案
- 如何像在SQL中一样使用#39;in#39;和#39;not in#39;过滤Pandas数据帧
- 取消链接文件失败。 我应该再试一次吗?
- 如何使用extern在源文件之间共享变量?
- win11如何设置始终以管理员身份运行 windows11设置始终以管理员身份运行的方法步骤
- U 盘无法拷贝大于 4GB 文件的解决方法