如何在 guihub 上预览自己vue项目的demo

最新推荐文章于 2024-07-19 14:08:52 发布
最新推荐文章于 2024-07-19 14:08:52 发布
阅读量284 收藏
点赞数 1
分类专栏： github 文章标签： githuab
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38935512/article/details/97374638
版权

1.在github上创建仓库（具体操作网上很多）

2 打包项目

在这里插入图片描述

在此推荐一款git的可视化操作工具 SourceTree 挺好用的
我的ui库是用vue-cli脚手架创建的, npm run build(此处的一些优化配置之前的博客有分享过)， examples文件就是src改的，打包生成后的dist文件不知道什么原因 SourceTree 无法上传，就把里面的文件考到了examples中。

3.设置GitHub

在这里插入图片描述
在这里插入图片描述

选择 master branch 他会自动刷新， 不行的话save下。

4.复制上面的链接

https://yangjie111111111111111.github.io/soeasy-ui/examples/index.html 加上你第二步打包项目后的index.html地址 就可以预览啦

小墨宝
关注
专栏目录
本地项目上传到github，并提供demo预览入口地址（此例为vue项目）
我的第一篇文章
06-30 442
这是我的demo入口地址：https://happygirl168.github.io/haitao-all/dist/index.html，欢迎参观，我才入vue，自学的，有些做的不是很好。 首先，进入到项目所在地址，右键选择git bash here： 由于我之前已经提交过了，这儿就只说明把本地项目上传至github上的步骤： git init git add . git com...
Vue项目demo汇总
前端视听
09-09 1万+
vue慢慢的成为了前端最受欢迎的框架之一，在很多项目之中开发都能用得到，如今也已经发展到3.0了，可能是因为这个框架可以提高工作效率，因此受到大家的追捧，在之前的文章里面也说过，2019年，大前端学习小程序和vue是必备技能。 如果在平时的工作里，有些公司用不到这两项技能，那你也要在业余的时间里面，找一些教程和练手的vue小项目。以下是今年的一些可以练笔的项目，这些源码稍微学习其中的几个，基础能力都能够有所进步。 1:Vue2.0入门项目 https://github.com/SD-Gaming/Vue2.
关于如何预览 github 项目里的网页或 Demo？
diwencui7977的博客
06-09 161
【方法1】http://htmlpreview.github.io/ 【方法2】http://htmlpreview.github.com/?[github的文件路径] done! 转载于:https://www.cnblogs.com/viphchok/articles/5655976.html
【Git】（基础篇四）—— GitHub使用
最新发布
牧夏的个人博客
07-19 5031
GitHub使用经过上一篇的文章，相信大家已经对git的熟悉了，但哪些使用git的方法只是在本地仓库进行，本文介绍如何使用git和远程仓库进行连接使用。
使用vue-ui可视化创建一个vuedemo
weixin_49393290的博客
12-29 641
首先step1 新建一个文件夹 输入cmd step2 然后就创建百
大屏可视化 echarts vue demo 移动能效管理平台
11-30
大屏可视化 echarts vue demo 移动能效管理平台响应式管理平台，后台，界面美观，绚丽
【可视化】Vue基础
程序员哆啦A梦，蓝胖子
12-15 1639
作者 | Jeskson 来源 | 达达前端小酒馆 Vue简介 Vue框架，框架的作者，尤雨溪，组件化，快速开发的特点。生命周期beforeCreate：组件刚刚被创建created：组件创建完成生成 beforeMount：挂载之前mounted：挂载之后成熟 beforeDestory：组件销毁前调用destoryed：组件销毁后调用老年 安装： 全局安装：vue-cli npm ins...
vue项目demo（asp.net mvc5+vue2.5）
02-13
本项目是asp.net mvc5+vue2.5的项目，花了很长时间做的。 实现的功能如下： 1.不仅有vue的基本功能，而且设计到vue的组件功能。 2.实现了增删改查的功能，而且是一对多的。 3.后台使用了EF进行操作数据库，EF使用的...
vue2-demo:这是一个vue2.0的项目，其中用到的有axios、vuex、element、vue-router、echarts、编辑器等
05-14
项目预览地址： 项目运行（nodejs 6.0 以上版本） Build Setup # 克隆到本地 git clone https://github.com/guo11111/vue-demo.git # 进入文件夹 cd vue-demo # 安装依赖 npm install # 开启本地服务器localhost:...
unity打包成webgl与vue交互demo
04-24
这个“unity打包成webgl与vue交互demo”项目提供了一个很好的示例，让我们来详细探讨一下其中涉及的关键知识点。 首先，Unity支持导出为WebGL格式，这使得Unity内容可以直接在现代浏览器中运行，无需任何插件。在...
vue 2.0写的一个小demo
12-19
Vue 2.0 是 Vue 的一个重要版本，它在 Vue 1.x 的基础上进行了优化和改进，引入了更多实用的功能。 在"vue 2.0写的一个小demo"中，我们可以看到开发者运用了Vue的多个核心概念和技术。以下是对这些知识点的详细解释...
drag-demo:基于vue3.0 + ts的可视化组件拖拽demo
03-10
Vue 3 +打字稿+ Vite 可视化拖拽
github简单的使用
07-16
就是一个简单的guihub的使用代码，已经一些简单的使用示例
Vue + ECharts大屏可视化
自洽而内求
03-12 6445
大屏可视化构建工具：【阿里云的DataV】、【蚂蚁体验技术部 AntV 数据可视化】、【D3】、【G2】、【Vega】、【Vega-lite】以及常用于项目的【ECharts】
如何运行vue项目（从github上下载的开源项目）
热门推荐
weixin_44531304的博客
05-20 1万+
先下载安装node.js 从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了。 根据自己电脑选择32位/64位。安装好node，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置 在键盘按下【win+R】键，输入cmd，然后点击以管理员身份运行（可以安装需要的环境），回车，打开cmd窗口 安装cnpm 在命令行中输入 npm install -g cnpm --...
关于vue-cli构建的项目在github上的预览问题
weixin_33681778的博客
10-25 155
本文首发于yoowin.me，欢迎访问！ vue-cli构建的项目，npm run dev时看到的页面对应的是npm run build之后dist文件夹中的index.html文件，而不是项目根目录下的index.html文件。 我第一次使用vue-cli构建的项目，在npm run build之后，在本地打开dist文件夹中的index.html文件，页面是空白的。而在本地npm run ...
使用Vue+Echert集成实现数据可视化
ls1850147551的博客
04-29 559
使用Vue+Echert集成实现数据可视化前言办法一办法二总结 前言 这些年随着互联网的发展，越来越多的人对传统数字型的数据进行图表化，应运而生了很多可视化工具以及图标库，其中echarts 应该是国内做的最好的可视化库之一了，那我我使用选择 echarts无非它是开源免费，上手容易，而且它提供的样式模板基本都能满足大部分开发。 那不多bb，切入正题。 办法一 安装echarts依赖 npm用户： // 二选一 npm install echarts --save npm install echa
git 本地创建新项目并上传到github
Chengliangyao的博客
11-16 876
之前一直是从github上面clone项目下来，这次搞懂了如何本地创建git项目并上传，记录下步骤： 1、在github网站上面创建远程仓库，url 2、本地目录中初始化项目（视为本地git已经配置好了）：git init 3、和远程仓库建立联系：git remote add origin url 4、添加修改后要上传的文件：git add xxx 5、提交本地：git commit -...
GitHub入门教程
Sakuya__的博客
01-16 5066
一、注册GitHub账号 GitHub官网https://github.com/ 注册之后，登录注册的邮箱验证后注册完成。 二、下载Git 有Mac，Windows，Linux版本的。下载地址：https://git-scm.com/downloads 下载完后，打开安装，一直Next，然后Install。 三、创建GitHub仓库 1.使用我们刚才注册的账号...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值