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

最新推荐文章于 2024-06-23 14:48:36 发布
最新推荐文章于 2024-06-23 14:48:36 发布
阅读量1.4w 收藏 62
点赞数 9
分类专栏： 前端 文章标签： 从git上克隆的vue项目在本地运行步骤
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43844158/article/details/89789771
版权

有两种下载项目方法
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安装步骤教程

小柯&java
关注
专栏目录
vue-element-admin - 超详细克隆并运行项目教程，完美解决 git clone 克隆项目失败、npm install 装包报错失败、项目运行后打开是英文的汉化等问题（新手小白一看就懂）
王佳斌
06-14 1985
详细的vue element admin 项目搭建运行教程，vue element admin git克隆失败 npm install 安装依赖报错，vue element admin 项目运行后是英文怎么改成中文，vue element admin 官方文档安装使用详细教程，适合小白的 vue element admin 安装部署前端运行教程，vue-element-admin npm install 装包报错怎么办，如何解决vue element admin克隆不下来 无法安装依赖等问题，vue-ele
git码云及vue项目准备.docx
03-05
适合新手，初学码云及git的小伙伴，并且想用webpack打包的vue项目
从git上克隆的vue项目怎么在本地运行和打包
武景涛的博客
08-20 6038
本文以form-generator项目为例，在从git上克隆下来的项目怎么在本地环境运行，开发和打包！ GIT克隆 1、复制项目地址； 2、本地git clone进行克隆； VUE运行 1、打开CMD，切换到拉取后的项目根目录下； 2、输入npm -v和node -v和cnpm -v查看是否正确安装和版本号的否符合要求； 如果没有安装node.js的话可以点击这里下载，cnpm是国内源 速度较快，和composer同理，我现在这个是淘宝源； 3、执行npm i...
vue项目的运行
最新发布
RainbowTutu的博客
06-23 3455
npm有缓存时，常常出现安装依赖不成功的现象，且一旦出现这个问题，报错信息很完善，但根据报错信息一项一项去解决，却死活解决不了，还找不出原因。控制台输入下面命令清除npm缓存，npm有缓存时，常常出现安装依赖不成功的现象。package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。3、在启动的命令行窗口输入【npm run serve】，回车。
从git上克隆的vue项目在本地运行步骤
u010611531的博客
11-29 1万+
1、复制地址        2、cmd命令cd至项目将要保存到的文件夹，然后 git clone https://gitee.com/ 165/meituan.git        3、cd进入项目        4、安装依赖包        5、运行项目                ...
运行别处拷贝过来的VUE项目步骤
m0_57855994的博客
03-29 1718
Vue项目本地运行
使用Git从云效拉取代码，并运行vue项目
weixin_55047679的博客
07-17 1729
使用Git从云效以https形式拉取代码，并运行vue2项目
运行github上下载的vue项目
一个喜欢诗和远方的程序媛
09-01 7794
一、环境准备 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 634
大致思路：从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...
Vue项目创建及Git、gitee项目关联-(初次创建笔记)
abundoning的博客
03-21 2666
Vue-cli配置，Vue项目创建，Git与gitee关联项目文件
创建一个vue项目并上传到git
qwerty_qert的博客
06-06 2871
创建vue项目并上传git
VUE基础构建整个项目的全流程！含git基础操作（本人超细心整理，适合VUE小白）
fgdgdf的博客
11-03 1624
这个以前我刚学完前端基础知识后，第一次接触vue轻量框架做的笔记，小白跟着它 be patient 慢慢看看，再自己做个项目慢慢琢磨，会有不少收获。（这个把一个普通css html js 写的项目换成vue的格式的笔记） 刚开始这样跟着做，可能会很僵硬，但是做多几次项目，你就会自然而然发现里面一些原理啦，就能自己写啦 【个人也比较喜欢用axios进行数据获取，还有可以很方便得用共同模块，循环dom...
如何运行vue项目(超详细图解）
热门推荐
忧郁的蛋的专栏
05-10 5万+
本篇超级详细案例截图教学 如何运行别人的vue项目，图片点击可放大仔细看 一、查看node.js版本Vue环境配置教程 ：https://blog.csdn.net/m0_57545353/article/details/124366678配置完成后分别在cmd中执行node -v查看是否安装成功，出现版本号就安装成功了进入cmd命令行窗口，输入node -v查看nodejs版本输入npm -v查看npm版本node -v npm -v 1 2如下图 如所示，即为安装成功： 二、运行别人的项
小白必备 从git上 clone下来的项目运行
hfdxmz_3的博客
05-12 3436
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 .
本地运行github上的vue项目
qq_40740865的博客
08-11 1139
如何在本地运行别人的vue项目 从Git/GitHub上拉取或下载的项目如何在本地跑起来并展现出来,例如： go git clone https://github.com/3xxx/flow-vue.js 进入下载好的vue项目中，cmd窗口安装依赖： npm install 最后一步： npm run dev 在本地主机8080端口即可运行：http://localhost:8080 ...
如何运行一个从GITHUB下载下来的Vue项目
06-04 9100
一开始很多刚入手vue.js的人，会扒GitHub上的开源项目，但是发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 安装node.js 从node.js官网(http://nodejs.cn/download/)下载并安装node，安装过程很简单，一路“下一步”
github克隆vue项目及依赖下载和运行
Tmengxing的博客
06-03 2434
提个小板凳，我经常容易忘记，先做个小笔记再说 在想要放置的目录下克隆项目： git clone 项目路径 例如：git clone http://github.com/xxx/app.git 进入到项目 cd app 下载依赖（三种方式均可） cnpm install npm install yarn install / yarn 运行项目 npm run serve ...
关于如何调试vue3源码
qq_35094120的博客
02-12 323
把选中的代码去vue源码中的rollup.config.js文件中。workspaceFolder是项目根目录。attach是连接上已有的端口9222。此时已经成功映射上了。
我是如何成功准备VUE项目之前的开发环境？
孙叫兽的博客
10-12 3878
提前安装好node, 参考我上一篇文章--------> 不同node.js版本 1.从git上把代码拷贝下来。 git clone +项目地址。 2.cmd模式下安装npm。 npm install 3.启动服务，npm run serve 。这里需要注意的是serve千万不要打成server啦，不然容易报错，这里还有两个小技巧，切换指定文件夹操作cd /d +任意文件夹，进入。受网络影响，依赖文件很容易下载不全，多试几次。一定要进入指定文件夹操作，不...
vue项目怎么部署在Windows服务器上运行
06-08
首先，你需要在 Windows 服务器上安装 Node.js 运行环境和 Git 版本控制工具。然后，按照以下步骤进行部署： 1. 在服务器上创建一个文件夹，用于存放你的 Vue 项目。 2. 在该文件夹下，使用 Git clone 命令将你的 Vue 项目代码从代码托管平台（如 GitHub）中克隆到该文件夹中。 3. 进入项目根目录，使用命令行工具运行以下命令安装项目所需的依赖库： ``` npm install ``` 4. 运行以下命令构建 Vue 项目生成生产环境的代码： ``` npm run build ``` 该命令会在项目根目录下生成一个 dist 文件夹，其中包含了构建好的静态文件。 5. 将 dist 文件夹复制到你的 Web 服务器根目录中。 6. 在 Web 服务器上配置反向代理，将所有请求都转发到 Vue 项目的入口文件。 7. 重启 Web 服务器，访问服务器的 IP 地址或域名，即可访问你的 Vue 项目。 注意：在 Windows 服务器上部署 Vue 项目时，需要特别注意文件路径的大小写问题。Vue 项目中的文件路径通常使用小写字母，而 Windows 文件系统默认是不区分大小写的。因此，可能会导致在 Windows 上运行时出现文件找不到的问题。
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值