如何将github上的Vue项目在本地运行起来?

这篇具有很好参考价值的文章主要介绍了如何将github上的Vue项目在本地运行起来?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

今天在github逛的时候发现几个Vue博客前端模板,觉得挺好看的,就拉到本地上,启动项目发生报错,捣鼓一会儿,下面将介绍,如何成功地将项目运行起来。

一、查看项目启动方式

1.打开package.json文件
如何启动github上的项目,开发遇到的问题,vue.js,git,前端

如果显示serve,就在终端切换到项目,输入npm run serve,进行启动。若显示dev,就npm run dev


如何启动github上的项目,开发遇到的问题,vue.js,git,前端

二、启动发生错误

报错显示:

如何启动github上的项目,开发遇到的问题,vue.js,git,前端



原因:因为项目缺少依赖,而依赖是放在node_modeles,而node_modeles没有存在在项目里。


解决方法:

第一步:
在终端清理一下node的缓存,如下:

npm cache clear --force

如何启动github上的项目,开发遇到的问题,vue.js,git,前端

第二步:在项目的终端安装所有依赖

npm install

如何启动github上的项目,开发遇到的问题,vue.js,git,前端

最后,运行成功

如何启动github上的项目,开发遇到的问题,vue.js,git,前端

总结

文章不易,希望大家给个赞文章来源地址https://www.toymoban.com/news/detail-549411.html

到了这里,关于如何将github上的Vue项目在本地运行起来?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【在IDEA运行GitHub上的开源项目】

    首先电脑上要先安装git,配置一下。 在GitHub上找到要克隆到本地的项目,把链接地址点击复制按钮,复制一下(gitee也是类似的方式)。 打开IDEA,点击“File”菜单,选择“New” - “Project from Version Control”。 在弹出的窗口,选择GitHub,然后点击log in via GitHub…, 需要先授权一下

    2024年02月13日
    浏览(47)
  • idea运行项目启动不起来,一直卡在build不动(已解决)

    今天启动之前很久没有启动的一个项目,然后就出现了这样: 或者是:Build一半或者更少,然后就不动了 先百度一下,果然有很多 志同道合 的小伙伴也有相同的问题:看了一下很多解决方案基本就是调内存、重启。。。等等操作, 下方截图其他人的解决方案:( 可参考,

    2024年02月07日
    浏览(71)
  • IDEA如何克隆GitHub上的项目

    1、新建项目 点击File-》New-》Project from Version Control 2、粘贴复制的克隆地址,点击Clon就会克隆文件到指定的文件夹

    2024年02月17日
    浏览(66)
  • 微信小程序WeUI项目weui-miniprogram如何运行起来?

    微信小程序WeUI项目weui-miniprogram如何运行起来? 解决方法: 1、下载 https://github.com/wechat-miniprogram/weui-miniprogram 2、在项目根目录weui-miniprogram-master执行以下命令安装依赖: npm install 3、继续执行编译命令: npm run dev 生成miniprogram_dist目录如何使用可参考: 微信小程序WeUI项目weui-m

    2024年01月20日
    浏览(65)
  • 本地运行github上下载的项目--接Git入门篇

    这是一个基于Spring Boot 和 Mybatis Plus 构建的Java项目,很经典的外卖项目,参考b站的黑马瑞吉外卖。 SpringBoot项目,首先下载一些常见的项目要求的组件。然后配置如下:          看README ,在阅读该项目README的构建部分时,依据作者提示我做出如下操作:         3.1. 在数据

    2024年04月12日
    浏览(42)
  • vue打包后dist文件在本地启动运行

    vue项目开发好后,想在本地运行测试最后的打包文件可以通过http-server来启动。步骤如下: 命令截图 最后在浏览器输入:127.0.0.1:9007就可以查看了

    2024年02月12日
    浏览(50)
  • 如何在Windows 11上的WSL2做到GPU直通,并用Deepracer本地训练炸干电脑的资源(显卡降价了,618等等党还等什么,一起来加入Deepracer的比赛学习交流吧)

    下面两种安装docker环境的方式中选其一 1.1 下载并安装 Docker Desktop 从docker的官方网站下载并安装: 1.2 在Docker Desktop中配置Nvidia docker环境 1.2.1 用下面的命令行代码在WSL2的环境中安装nvidia-docker2: 在WSL2 terminal中输入 1.2.2 在docker desktop界面修改Docker daemon配置文件添加使用nvidia容器

    2024年02月09日
    浏览(67)
  • 如何把本地项目上传github

    【1】点击添加(+)--New repository  【2】填写新项目的配置项 Repository name:项目名称 Description :项目的描述 Choose a license:license  【3】点击确定,项目已在github创建成功,如下图 【1】进入到项目文件夹,打开git branch 【2】初始化git项目 运行结果: 1) 2)项目文件夹中出现

    2024年02月11日
    浏览(50)
  • 如何将本地项目上传到github上

    将本地项目上传到github上有很多种方法,这里只讲述 我认为 最简单快捷的一种,先在github中创建一个仓库,接着在本地建文件夹,用命令行将项目推送到本地仓库,然后连接远程仓库,将本地项目推送到远程仓库上。要熟练掌握git的常用语法!!!! 1.登录github账号,建立

    2024年03月10日
    浏览(61)
  • 如何将别人git上的clong下来的本地项目上传到自己的Git仓库中。

    如何将别人git上的clong下来的本地项目上传到自己的Git仓库中。 就是上传时git仓库更新被拒绝报错了说master不合用。 提示:以下是本篇文章正文内容,下面案例可供参考 如果没有注册账号的朋友,可以先去注册一个Gitee的账号的。 gitee网址 : https://gitee.com/ 代码如下(示例)

    2024年02月08日
    浏览(62)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包