vue项目提交到github上,实现在线预览

最新推荐文章于 2024-04-17 14:16:45 发布
最新推荐文章于 2024-04-17 14:16:45 发布
阅读量539 收藏
点赞数
分类专栏： 开发摘录 文章标签： GitHub vue 预览 打包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36022290/article/details/89095500
版权

除去前后台交互，我们通常npm run dev本地预览；

实现GitHub上在线预览：

1、npm run build 将项目打包

2、提交到GitHub上

3、进入settings

4、在GitHub Pages选择source的第一个选项，然后就有一个连接如下图所示：

zhenyu-s5
关注
专栏目录
Vue项目上传到GitHub上
try_hard_more的博客
06-24 2301
Vue项目上传到GitHub上（详细版）
部署 vue 项目到 github 并实现在线预览
Alenjust
07-26 823
部署 vue 项目到 github 并实现在线预览1、打包 Vue 项目2、提交 Vue 项目3、在线预览 Vue 项目4、Git 操作命令 1、打包 Vue 项目 1、打包 Vue 项目 在命令行执行 npm run build 后，项目的目录下会生成一个 dist 文件夹，它里面又包含一个 static 文件夹和一个 index.html 文件，这是 webpack 最终打包好的文件。 Microsoft Windows [版本 10.0.18362.1139] (c) 2019 Microsoft C
vue项目在github预览
weixin_40817168的博客
11-12 1193
1.在github兴建仓库
将vue项目上传到github上
weixin_46044574的博客
04-14 369
1，在GitHub上创建一仓库 2，注意：username是你的用户名，当你创建成功会给你一个地址，直接复制就行。 https://blog.csdn.net/qq_38903950/article/details/78104773 https://www.cnblogs.com/whitepine/articles/9282260.html ...
Vue-cli项目上传至GitHub
as_64的博客
02-11 593
由于用脚手架创建的项目自带git文件，所以就不需要在将远程仓库先拉到本地再上传，可以直接在vue项目中进行上传，打开git bash 1.初始化仓库 git init 2.将项目暂存到本地仓库中 git add . git commit -m "描述信息" 4.添加远程仓库路径 git remote add origin https://gitee.com/xxxxxxx 5.push提交 git push -u origin master 如果报错 Updates were reject
github上传、预览Vue项目
Sun~Neo
03-18 452
1、建立Github库 参考建立Github库 2、构建Vue项目 3、修改相应文件，达到预览效果 3.1、修改 config/index.js 在build中将 assetsPublicPath : '/' 改为assetsPublicPath : './' module.exports = { build: { // Template for index....
vue项目实现github在线预览功能
08-27
现在还是不能实现项目的线上预览效果，点击项目的 setting 项，然后找到 GitHub Pages 选择 master branch，保存，接着你会看到项目在线预览链接，点击链接。此时，你会看到页面一片空白，别急，在地址栏后面添加 `...
vue项目上传Github预览的实现示例
10-17
vue项目上传Github预览实现涉及一系列的步骤和配置。首先，在项目完成后，需要修改一些配置以通过Githubpages进行预览。具体操作包括： 1. 修改配置解决文件路径问题：由于构建后可能会出现背景图片路径错误或其他...
vue项目发布到github上，到线上预览
H的博客
12-11 1643
前言： 从你一个本地的html文件到一个github https可访问的https://hollowshun.github.io/wh/pc/index.html页面。 1.前提有github，没有的注册一个（基本操作和gitlab,gitee,差不多一样） 2.你有一个html，或一个项目，或自己写的一个demo。 准备完成进入正题 我有一个自己写的demo，先看下我的项目文...
使用vue-cli构建一个项目并上传到GitHub，生成在线预览地址
weixin_42541725的博客
02-18 1745
使用vue-cli构建一个项目并上传到GitHub，生成在线预览地址
VUE2项目上传Github（详细步骤）
最新发布
baidu_31251267的博客
04-17 420
依次执行下面的命令， 顺利的话便会上传成功。但是我的提示用户名和密码不可用，解决方案如下。然后再用命令行输入命令 git push -u origin main。鼠标左键点击Git Bash Here，出现git命令操作界面。3. 出现下面的页面，先别关闭，红色标注部分一会要用。首先用登录GitHub网站进行如下操作生成新token。进入VUE项目的根目录，在空白处鼠标右键。刷新github主页，查看项目已成功上传。
vue项目 github 上传项目并链接地址
weixin_30836759的博客
04-13 204
　git init git init: 通过命令git init把这个文件夹变成Git可管理的仓库git status git status:查看当前仓库状态git add . 这里提示你虽然把项目粘贴过来了，但还没有add到Git仓库上，然后我们通过git add .把刚才复制过来的项目全部添加到仓库上。git add后面的点表示把该文件夹的所有东西全部add到本地仓库里。git comm...
vue 构建前端项目并关联github
weixin_30394333的博客
02-22 213
这几天尝试用node开发一个网站，后端的接口已经初步开发完成，现在开始构建前端的项目，记录下过程，在学习下吧。 用vue-cli 构建项目，myproject.(构架过程略过) 每次在本地构建项目后和远程仓库关联的时候会发现每次都出现种种问题，这一次我要记录下，关联的过程，对自己来说也是一次总结吧 这一次我选择的是github,（国内现在可以使用码云，应该比github快，有机会去尝试一下）； 第...
基于Spring Boot+Vue的电影购票管理平台
听夜雨声烦
03-15 1343
基于Spring Boot+Vue的电影购票管理平台
创建一个vue项目并上传到git
qwerty_qert的博客
06-06 2906
创建vue项目并上传git
如何将vue项目文件上传到git仓库
weixin_55684685的博客
05-16 1438
目录。
如何将本地vue项目上传到github
热门推荐
卡卡西：一个擅长拷贝的前端程序员
03-22 1万+
将本地项目上传到github, 创建本地仓库--创建github仓库--关联仓库--上传成功
利用GitHub在线预览vue项目
Z忽虎的博客
09-16 6100
问题1 当我们在命令行执行 npm run build 后，项目的目录下会生成一个 dist 文件夹，它里面又包含一个 static 文件夹和一个 index.html 文件，这是 webpack 最终打包好的文件       我们先尝试在浏览器打开 index.html       咦，为什么页面显示是空白的？打开控制台，细心的朋友可能会发现， script 标签的引入路径好像...
vue初始化项目并上传至GitHub
qq_43433815的博客
10-14 913
最少使用命名行实现在本地创建并初始化Vue项目，然后上传到GitHub。
NovelManagementSystem-vue前端项目源码解析
在部署时，可以使用各种静态网站托管服务，如Netlify、GitHub Pages或者直接部署到Web服务器上。 知识点六：项目开发相关的标签使用 尽管在给定的标签信息中是空白的，但在实际的项目开发中，使用合适的标签是非常...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值