如何部署自己的vue组件到git

如题所述

第1个回答 2022-07-17

1、允许yarn build 打包产生dist文件

2、进入到dist目录下

3、执行以下命令(新建的git项目中也有)

4、到git 仓库code查看项目提交情况，可以到setting去设置预览地址

5、访问示例：https://704377078.github.io/cloud-ui/index.html

6、若有资源出现404点情况，请到vue.config.js检查设置

7、快捷添加项目访问地址，下次可以直接点右侧访问：

8、自动化脚本：

要求：安装Git Bash 或 Cmder

在当前项目根目录添加 deploy.sh，内容如下图

在控制台中输入命令：sh deploy.sh 回车

相似回答

可视化的方式创建vue项目+git管理vue项目答：步骤一：可视化的形式创建vue项目： vue -V 。以后可以通过 vue -V 命令打开可视化Vue管理器步骤十五：选中左侧的依赖选项卡，然后点击右侧的安装依赖步骤十九：登录码云 ,进行初始化git远程仓库 vue 命令行的方式搭建用git管理的vue项目 ...

入门菜鸟git上创建简单vue项目答：eg：vue-create，然后点击创建，就会显示最后，刷新gitee上的仓库地址，就可以看到全新的vue项目了如果 git push -u origin master 还是提示有冲突，且你的项目是个人独立开发，且以本地项目为主，则可以强制推送，用本地项目覆盖git上的项目：

vue项目上传github--提供demo入口答：第一步： git安装第二步：创建本地仓库（存放本地项目的文件夹）第三步：进入该文件夹,执行git init命令第四步：把我们写好的vue项目复制粘贴到该目录下面第五步： git status 第六步： git add .第七步： git commit -m "first commit"第八步：将本地仓库和github仓库关联第九...

vue项目上传Github预览答：当我们使用了 vue-cli 搭建了自己的项目，最后想上传到Github上进行预览效果，应该怎么操作。首先完成Vue项目以后，在上传到github之前，需要修改一些配置才能通过github pages预览项目。打开项目根目录config文件夹下的index.js文件，进行如下修改：看清楚是 build（上边还有个dev 是开发环境下的配置，不需...

gitLab CI/CD docker自动部署vue前端项目答：1..gitlab-ci.yml 文件 stages:- build - deploy 设置缓存 cache:paths:- node_modules/ - dist/ 安装依赖 before_script 会在每个 stages 执行之前运行 before_script:- npm install 编译这里对应上方 stages ，build:stage: build script:# script 为要执行的命令，可以多条按顺序执行 ...

vue2/vue3环境搭建答：1.解决vue不能自动打开浏览器的问题：当我们输入npm run dev，运行项目，命令行提示我们运行成功，但是浏览器也没有自动打开，只能自己手动输入。改完之后重启一下即可。2.为了避免端口冲突，也可以修改port，打开目录同上更改成功：1. 如果你已经全局安装了旧版本的 vue-cli(1 或2)，你需要先通过 n...

vue如何将项目部署到服务器上并且使外网能够访问到答：首先服务器安装node git nginx vue-cli 安装好nginx 用你的公网ip访问就可以看到下面的页面然后进入到下面的路径 vi default 你会看到nginx的默认配置默认监听80端口根路径把你写好的vue项目上传到github ，通过git clone 克隆到服务器路径下面然后npm/yarn add/install 安装依赖然后...

vue-cli3 配置不同环境请求地址,以及打包到不同文件夹答：package.json scripts 配置 serve 命令不携带 --mode 时，默认运行环境为 development build 命令不携带 --mode 时，默认运行环境为 production 可根据当前环境写死，也可在环境配置文件中，加入打包到的文件夹名（有多个环境的时候比较方便）。vue.config.js 配置打包出来的文件不提交到 git 的话...

vue- cli的webpack使用教程有哪些?答：在线项目地址 vue-cli2.x 使用webpack类型创建一个名为webpack-cdn-demo的vue项目。如果安装的vue-cli是3.x版，命令会有所不同。请参见vue-cli3了解详细信息。安装依赖性启动一个项目下面简单介绍一下目录结构。build文件夹中的webpack.prod.conf.js是我们的主文件，我们在其中动态设置不需要打包...

大家正在搜

vue单文件组件 vue自定义组件 vue ui组件 vue组件传值的五种方法 vue上传git模板文件 gitee vue vue github vue组件可视化开源 vue表单组件