将Vue项目打包上传到gitee码云代码托管平台

1.新建仓库 勾选开源允许别人访问

 2.在项目根目录下的空白区域打开右击打开git bash

    输入 git init 初始化

3.同步仓库,在gitee仓库创建完后,已有仓库里,复制代码并执行

4 git add .     提交所有代码 add后面有一个空格 然后再 点

5. 关于本次提交描述

6.推送代码入仓库 复制你仓库中的这句代码提示并执行

7.如果你想让你的代码在线上运行则需要进行如下操作

1进入vue ui  进行项目打包

2.打包会生成到dist 目录下 没有项目则导入项目 成功后状态为成功 ctrl +c 停止操作

3.依次执行上述 4 5 6  步骤

4.关于dist 目录不显示的问题 在 .gitignore文件中 的  /dist   前面加  #

 

4.关于 打包二级目录dist 资源路径问题

在根页面的  vue.config.js 文件下配置  然后继续打包上传

5.部署

 填dist  启动

 

 

 

 

 

 

 

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 1. 在Gitee上创建一个新的仓库。 2. 打开命令行终端,进入项目所在的目录。 3. 安装vue-cli:在命令行终端中输入 npm install vue-cli -g 。 4. 初始化项目:在命令行中输入 vue init webpack my-project (my-project为你的项目名称)。 5. 进入项目文件夹:cd my-project。 6. 安装依赖:npm install。 7. 修改config/index.js文件,将build.assetsPublicPath修改为“./”,并将build.productionSourceMap修改为false。 8. 打包项目:npm run build。 9. 将打包后的文件上传到Gitee的仓库中。 10. 在Gitee的仓库中打开Pages服务,设置镜像站点访问地址为“/”即可。 ### 回答2: 发布Vue2项目到Gitee需要以下几个步骤: 1. 创建Gitee账号:首先在Gitee官网上注册一个账号,并登录到账号中。 2. 新建仓库:在Gitee账号中,进入"仓库"页面,点击"新建仓库"按钮,填写仓库的相关信息,如仓库名称和描述等。 3. 本地项目初始化:在本地项目的根目录下,使用命令行工具输入命令`git init`,初始化本地Git仓库。 4. 关联远程仓库:在命令行工具中,输入命令`git remote add origin 仓库地址`,将本地仓库与远程Gitee仓库关联起来。 5. 添加代码并提交:将Vue2项目的所有代码拷贝到本地仓库中,并使用命令`git add .`将所有文件添加到暂存区,然后使用命令`git commit -m "提交的描述信息"`将文件提交到本地仓库。 6. 推送到远程仓库:使用命令`git push origin master`将本地仓库的代码推送到远程仓库中。 7. 验证发布:打开Gitee账号中的仓库页面,确认项目已经成功发布到Gitee上。 发布Vue2项目到Gitee的步骤大致如上所述,根据具体情况可能会有一些变化,但是以上步骤是基本流程。可以根据自己的实际情况进行相应的操作。 ### 回答3: 要将Vue2项目发布到Gitee,我们可以按照以下步骤进行: 第一步,我们需要在Gitee上创建一个新的仓库,用于存储我们的Vue2项目代码。我们可以登录Gitee后,在首页或仓库页上找到“创建仓库”按钮,点击进入创建仓库的页面。 第二步,填写仓库的名称、描述等基本信息,并选择仓库的可见性(公开或私有)。选择好后,点击“创建仓库”按钮来创建新的仓库。 第三步,我们需要将本地的Vue2项目代码与Gitee上的仓库进行关联。在本地的Vue2项目文件夹中,打开命令行或终端窗口,执行以下命令: ``` git init ``` 这将初始化Git仓库。 然后,我们需要将本地的Vue2项目代码添加到Git仓库中,执行以下命令: ``` git add . ``` 这将添加所有的文件。 接下来,我们可以提交这些添加的文件,并添加一条提交注释,执行以下命令: ``` git commit -m "Initial commit" ``` 第四步,我们需要将本地的Vue2项目代码推送(push)到Gitee上的仓库中,执行以下命令: ``` git remote add origin [Gitee仓库的URL] ``` [Gitee仓库的URL] 需要替换成你在Gitee上创建的仓库的URL。 然后,执行以下命令: ``` git push -u origin master ``` 以上命令将本地的代码推送到Gitee上的仓库中,并将master分支关联起来。 第五步,我们可以在Gitee上的仓库页面中,查看我们刚刚推送的代码。此时,我们的Vue2项目已经成功发布到了Gitee上。 总结起来,发布Vue2项目到Gitee的步骤包括:创建Gitee仓库、初始化并关联本地Git仓库、添加并提交本地代码、将代码推送到Gitee仓库。以上是一个简单的发布流程,你可以根据实际项目的需要进行更多的设置和操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值