Gitee 码云 pages 搭建vue项目记录

首先要在.gitignore文件去掉/dist,这个文件默认是不上传的,但是执行打包bulid的时候会生成dist文件,而线上访问的是打包之后的dist文件;

vue.config.js文件,如下图箭头那个要改为项目文件名称

点进pages

部署目录要填写dist,然后点击启动就可以生成网址地址啦

原文地址:https://www.cnblogs.com/huanghuali/p/12275296.html

时间: 2024-11-08 02:39:27

Gitee 码云 pages 搭建vue项目记录的相关文章

如何将nuxt项目部署到github pages (码云 pages) 上

如何将nuxt项目部署到github pages (码云 pages) 上 前言:此文章包括了以下几点: 1:如何部署2:部署到Page后,静态资源加载报4043:从默认页面跳转到其他页面报4044:github Pages上的页面打开特别慢. 一:使用Nuxt.js脚手架工具create-nuxt-app快速创建项目 1:确保安装了npx(npx在NPM版本5.2.0默认安装了): npx create-nuxt-app <项目名> 后续选项可以自己跟实际情况选择. 二:在github上新建

Vue CLI 3.x搭建Vue项目

一.Node安装 windows 1. Node.js (>=8.9, 推荐8.11.0+) Node官网下载 .msi 文件,按步骤下载安装即可. 安装完之后在cmd中输入 node -v,若显示版本号,则说明安装成功. 2. Git(命令行终端) Git官网下载安装即可. Linux apt-get install nodejs node -v apt-get install npm npm -v npm命令1.得到原本的镜像地址 npm get registry 2.设置成淘宝 npm c

使用webpack搭建vue项目

有一句话叫"前人栽树后人乘凉",还有一句话叫"如果说我看得比别人更远些,那是因为我站在巨人的肩膀上".前一句是国人的俗语,后一句是那个发现了"万有引力"定律的牛顿说的.为什么要引用这两句呢?是因为我刚开始用vue的时候,使用的是vue-cli来搭建vue项目,快速又好用:我刚开始用react的时候,使用的是create-react-app来搭建react项目,方便又省事.使用这些已有的脚手架来搭建项目,无可厚非,对于新手来说,也确实能快速构建,不

使用码云加速下载github项目

使用码云加速下载github项目 觉得有用的话,欢迎一起讨论相互学习~Follow Me 从codesheep中学到的思路,点关注不迷路,一键三联哦 众所周知,github上的项目下载都很慢,并且随着项目中文件数量变多,下载过程会大概率失败.但是可以先将Github上的项目存到码云中,再从码云中下载,这个过程可以很快. 复制github中的项目地址 打开码云,并且通过github地址创建新的项目 然后就可以下载到本地了SourceTree使用SSH克隆码云项目 如果你下载之后还想和github上

用vue-cli来搭建vue项目和webpack

vue-cli 用vue-cli来搭建vue项目 第一步:全局安装vue-cli p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo } span.s1 { } sudo npm install vue-cli -g 第二步:初始化一个项目 vue init webpack-simple projectName 第三步:把文件切换到初始化的项目中 cd projectName 第四步:安装依赖 npm install 当然也可以用

vue-cli搭建vue项目

vue-cli搭建vue项目: 进入要搭建的文件目录下输入命令开始安装 , 网速好,可以用npm 网速差的用淘宝镜像cnpm; -g是全局安装 D:\vuedemo cnpm install vue-cli -g 出现以下界面 可以进行下一步 2.查看是否安装成功命令 vue -V 注:后面的V 是大写的 ,会出现版本号说明安装成功 D:\vuedemo vue -V 3.初始化 (此处是基于webpack的) D:\vuedemo vue init webpack projectdemo ?

将本地源码推向gitee码云

今天和大家实践一下提交本地代码到gitee码云的操作 一.初始化(建立本地仓库并将代码提交至本地仓库) 切换到本地指定目录,再配置用户名和邮箱,并查看状态.(这里本地仓库建立得有点随意,为了方便管理,不建议这么做.因为本文的重点不在此,故而简化了) 加入本地仓库:git add * 提交到本地仓库:git commit -m "加了jstree图层管理器" 二.将本地仓库的代码同步到远程仓库(gitee) 如果远程仓库已经有了代码,使用origin会报错,显示已经存在,这时就应该用ma

gitee码云项目协作:fork项目以及更新

2017/11/30 发布 码云gitee是非常优秀的国产托管平台,我们想要在这个平台进行项目协作,以及学习优秀的开源项目,需要掌握一些gitee基本使用方法. 下面介绍一下码云的基本协作方式,总结了套流程.算是新手教学. 1.fork源项目 首先码云是基于gitlab,操作方式与github类似.码云的协作是基于fork源项目的基础上,才能进行pull request. 对要进行协作开发或者学习的项目,fork一份到自己的远程仓库. 这样我们自己的远程仓库就会有一份源工程的副本.熟悉git版本

利用vue-cli3快速搭建vue项目详细过程

一.介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统.有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create .vue serve .vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境依赖.构建于 webpack 和 webpack-dev-server 之上(提供 如:serve.build 和 inspect 命令) CLI 插件:给Vue 项目提供可选功能的 npm 包 (如