从Git上克隆的vue项目在本地运行步骤

最新推荐文章于 2024-11-11 22:07:16 发布
原创 最新推荐文章于 2024-11-11 22:07:16 发布 · 1.6w 阅读 · 68 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#从git上克隆的vue项目在本地运行步骤

本文介绍从Git克隆Vue项目并在本地运行的步骤。提供两种下载项目的方法，一是官网或腾讯软件中心下载Git后克隆项目，二是直接从GitHub下载。克隆后需手动在DOS窗口下载依赖包，最后启动项目，在浏览器访问指定地址即可看到Vue页面。

有两种下载项目方法
1.第一种Git下载
官网下载Git，官网下载的比较慢，网速不好的请移步到这腾讯软件中心下载Git
2.将vue项目克隆下来
Git输入git clone https://github.com/PanJiaChen/vue-element-admin.git
在这里插入图片描述
2.1.第二种
没有Git也可以直接到github下载：https://github.com/PanJiaChen/vue-element-admin
在这里插入图片描述
3.vue-element-admin项目目录结构
在这里插入图片描述
4.刚克隆下来的vue-element-admin的依赖资源包是没有的，所以需要手动在dos窗口cnpm install下载依赖包在这里插入图片描述
5.这样依赖包就下好了
在这里插入图片描述
6.然后就可以启动项目了：浏览器访问 http://localhost:9527
在这里插入图片描述
7.在浏览器中会出现vue的页面在这里插入图片描述
在这里插入图片描述
上一篇：vue.js安装步骤教程

vue-element-admin - 超详细克隆并运行项目教程，完美解决 git clone 克隆项目失败、npm install 装包报错失败、项目运行后打开是英文的汉化等问题（新手小白一看就懂）
🏆 前端领域优质创作者
06-14 2494
详细的vueelementadmin项目搭建运行教程，vueelementadmingit克隆失败npminstall安装依赖报错，vueelementadmin项目运行后是英文怎么改成中文，vueelementadmin官方文档安装使用详细教程，适合小白的vueelementadmin安装部署前端运行教程，vue-element-adminnpminstall装包报错怎么办，如何解决vueelementadmin克隆不下来无法安装依赖等问题，vue-ele
运行他人的Vue项目：步骤及示例代码
ScriptCharm的博客
10-02 2679
在开始之前，您需要安装项目所需的依赖项。通常，Vue项目的依赖项被记录在项目的 package.json 文件中。您可以使用包管理工具如 npm 或 yarn 来安装这些依赖项。通过按照上述步骤安装依赖项、启动开发服务器并使用示例代码，您可以成功运行他人的Vue项目。记住，具体的步骤和命令可能因项目而异，所以确保仔细阅读项目文档中的说明。以下是一些详细的步骤，以及示例代码来帮助您成功地运行别人的Vue项目。这将在项目的根目录中创建一个名为 “dist” 的目录，并生成优化过的、可部署的静态文件。
Vue学习-Gitcode使用及Vue项目clone到本地后的运行方法
CommissarMa的博客
01-29 464
Vue学习-Gitcode使用及Vue项目clone到本地后的运行方法
如何运行vue项目(超详细图解）
热门推荐
沐沐
04-10 2万+
📖本篇超级详细案例截图教学 如何运行别人的，图片点击可放大仔细看。
运行别处拷贝过来的VUE项目步骤
m0_57855994的博客
03-29 1857
Vue项目本地运行
从github上clone的Vue项目运行报错
小高的博客
03-28 741
当我们从github上clone一个Vue项目想要在本地运行时，首先需要我们把项目中的node-modules文件删除，然后在控制台输入：npm install重新装载一下依赖，然后再输入：npm run serve或者npm run dev即可将项目运行起来 ...
git码云及vue项目准备.docx
03-05
以上步骤详细介绍了使用 Git 和码云进行版本控制，以及利用 Vue CLI 创建和管理 Vue.js 项目的基本流程。通过实践这些操作，新手能够更好地理解和应用这些工具，为未来更复杂的项目开发打下基础。
Vue与Ionic项目本地运行步骤详解
本文标题为《GitHub项目运行指南[项目代码]》，其核心目标是帮助开发者从零开始，在本地环境中成功运行从 GitHub 下载的 Vue 和 Ionic 项目。这不仅涉及基本的代码获取流程，还包括依赖安装、环境配置以及服务启动等...
Vue项目环境搭建及git仓库新建
xm1037782843的博客
02-24 4611
主要是git安装 vue在git上的项目搭建命令 简单总结下 1.node安装  2.git安装 3.码云项目管理 4.vue项目搭建 5.git和码云代码同步 1. 安装node.js 链接：https://nodejs.org/en/download/ 直接傻瓜式安装即可。一直下一步下一步就好啦。          安装完成后，在命令行运行node–v和npm –v均可以查看版本...
VUE基础构建整个项目的全流程！含git基础操作（本人超细心整理，适合VUE小白）
fgdgdf的博客
11-03 1723
这个以前我刚学完前端基础知识后，第一次接触vue轻量框架做的笔记，小白跟着它 be patient 慢慢看看，再自己做个项目慢慢琢磨，会有不少收获。（这个把一个普通css html js 写的项目换成vue的格式的笔记） 刚开始这样跟着做，可能会很僵硬，但是做多几次项目，你就会自然而然发现里面一些原理啦，就能自己写啦 【个人也比较喜欢用axios进行数据获取，还有可以很方便得用共同模块，循环dom...
使用Git从云效拉取代码，并运行vue项目
weixin_55047679的博客
07-17 2703
使用Git从云效以https形式拉取代码，并运行vue2项目
运行github上下载的vue项目
一个喜欢诗和远方的程序媛
09-01 8506
一、环境准备 1、下载node.js 在搭建vue的开发环境之前，一定一定要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，可以从：[官网]http://nodejs.cn/download/根据你的系统选择对应的下载： 下载完安装包后，一直下一步安装，最后确认安装是否成功： 输入node -v 提示版本即安装成功，也顺便检擦一下npm版本， 输入npm -v提示版本（安装node会自带npm）： 2、设置cnpm 由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘
脚本：将git项目下载到本地并启动
weixin_33881041的博客
03-02 677
大致思路：从git上clone源代码到本地；使用mvn package将源代码达成war/jar包；将打好的包放到tomcatpath/webapps/下；到tomcatpath/bin/下执行restart.sh脚本重启； 脚本： #!/bin/bash { flock -n 100 [ $? -eq 1 ] && { echo -e "\033[41;1m wai...
小白必备 从git上 clone下来的项目运行
hfdxmz_3的博客
05-12 3699
1、克隆项目：gitclone XXXXX.git（可以在终端运用git命令行下载，也可以直接在webStorm中下载） 2、安装node.js（电脑上已经安装成功，此步骤可省略） 3、安装依赖：进入到项目文件夹内，npm install（由于git上只会存在package.json，而不会存在node_modules，所以需要根据package.json上的内容，在本地重新加载一份node_modules，用来确保vue项目得以运行） 4、启动服务：进入到项目文件夹内，npm run serve .
新手 Vue 项目运行
最新发布
有你真好的博客
11-11 1万+
2.1 回到Idea后端的springboot项目，找到src--> rescources --> front.front --> index.html文件，打开之后找到 adminurl : 'adminurl'2.6 至此，前端Vue程序已经运行起来，结合前面的spingboot项目，我们已经将整个springboot + Vue项目运行起来。打开cmd命令行，按住win+R，出来命令行窗口，输入cmd，出来终端窗口。在运行项目之前，确保运行vue项目的环境已经安装成功，并可以找到；
本地运行github上的vue项目
qq_40740865的博客
08-11 1236
如何在本地运行别人的vue项目 从Git/GitHub上拉取或下载的项目如何在本地跑起来并展现出来,例如： go git clone https://github.com/3xxx/flow-vue.js 进入下载好的vue项目中，cmd窗口安装依赖： npm install 最后一步： npm run dev 在本地主机8080端口即可运行：http://localhost:8080 ...
从git上克隆的vue项目在本地运行步骤
u010611531的博客
11-29 1万+
1、复制地址        2、cmd命令cd至项目将要保存到的文件夹，然后 git clone https://gitee.com/ 165/meituan.git        3、cd进入项目        4、安装依赖包        5、运行项目                ...
如何运行一个从GITHUB下载下来的Vue项目
06-04 9299
一开始很多刚入手vue.js的人，会扒GitHub上的开源项目，但是发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 安装node.js 从node.js官网(http://nodejs.cn/download/)下载并安装node，安装过程很简单，一路“下一步”
评论 10
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值