位置: 编程技术 - 正文

详解vue项目的构建,打包,发布全过程(vue项目简介)

编辑:rootadmin

推荐整理分享详解vue项目的构建,打包,发布全过程(vue项目简介),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue项目的结构,vuecli3项目结构,vuex项目结构,vue项目的结构,vuecli项目结构,vuecli项目结构,vue3项目结构,vue项目结构图,内容如对您有帮助,希望把文章链接给更多的朋友!

很多朋友对于VUE项目的一系列流程不熟悉,小编根据网友提出的问题,整理了关于vue项目的构建打包发布全过程,希望对你有用。

一、vue项目的创建

1、首先第一肯定是要有Node.js及npm这个不多说了

2、安装脚手架

此时可以直接浏览-但是现在肯定有很多小白想将他发布到gitHub上并可以浏览,使用vue全家桶制作自己的博客。 现在就有我来说说如何讲vue项目发布到github上 之前写过vue环境搭建 可以参考: vue环境搭建

二、vue项目的打包

1、大家都知道使用npm run build进行打包,这个时候你直接打开dist/下的index.html,会发现文件可以打开,但是所有的js,css,img等路径有问题是指向根目录的,

此时需要修改config/index.js里的assetsPublicPath的字段,初始项目是/他是指向项目根目录的也是为什么会出现错误,这时改为./

./ 当前目录 ../ 父级目录 / 根目录

根目录:在计算机的文件系统中,根目录指逻辑驱动器的最上一级目录,它是相对子目录来说的;

它如同一棵大树的“根”一般,所有的树杈以它为起点,故被命名为根目录。以微软公司开发的Windows操作系统为例:

详解vue项目的构建,打包,发布全过程(vue项目简介)

打开我的计算机(计算机),双击C盘就进入C盘的根目录。双击D盘就进入D盘的根目录

在从dist根目录打开index文件就可以访问了。

三、github pages

1、首页创建一个仓库,此处直接忽略

2、在这里选择master或者/doc 上传代码到master

3、上面有一行域名就是你自己的页面可以看到自己发布的项目

四、自定义域名

1、这个时候就可以浏览自己的项目了,但是

username.github.io/xxx/dist

这样的地址着实不是很美观,大家可以去阿里云上,自己买个域名,解析一下,网上都有,可以进行自定义的域名,来制作的自己的博客,代码部署到github上。这篇文章这里就先不做讲解了,有想使用自定义域名,也可以私信我。

Vue添加请求拦截器及vue-resource 拦截器使用 一、现象统一处理错误及配置请求信息二、解决1、安装axios,命令:npminstallaxios--save-dev2、在根目录的config目录下新建文件axios.js,内容如下:importaxiosfrom

vue 文件目录结构详解 项目简介基于vue.js的前端开发环境,用于前后端分离后的单页应用开发,可以在开发时使用ESNext、scss等最新语言特性。项目包含:基础库:vue.js、vue-route

浅谈Angular文字折叠展开组件的原理分析 自己写了个Angular的文字折叠组件,这种组件其实很多地方都能用到效果如下展开后的效果折叠后的效果先放全部代码,使用的时候只需要把自己需要展

标签: vue项目简介

本文链接地址:https://www.jiuchutong.com/biancheng/378886.html 转载请保留说明!

上一篇:基于vue-cli创建的项目的目录结构及说明介绍(使用vue-cli快速搭建vue项目)

下一篇:Vue添加请求拦截器及vue-resource 拦截器使用(vue拦截器使用场景)

  • 个税手续费返还要交企业所得税吗
  • 缴纳去年的企业所得税怎么做账
  • 跨年的所得税会计分录
  • 土地出让金会涨价吗
  • 工会可以现金支付吗
  • 报价含税和不含税哪个划算
  • 所得税季度交吗
  • 企业收到税收返还会计分录
  • 回退税款所属期具体条件是
  • 单位部分承担个人借款利息个税的计算
  • 留抵税额抵税怎么做分录
  • 置换回房产怎么过户
  • 小微企业分公司 企业所得税优惠
  • 购买银行理财产品被骗怎么办
  • 补偿金超过平均工资三倍
  • 服务费发生退回怎么处理
  • 会计速动比率计算公式
  • 海外代付属于外债吗
  • 收到其他与经营活动有关的现金减少
  • windows10如何设置锁屏时间
  • PHP:xml_set_unparsed_entity_decl_handler()的用法_XML解析器函数
  • php变量定义的规则
  • win10桌面图标怎么随意摆放
  • 如何抓好工程建设
  • 发放职工工资计入什么会计科目
  • 发票抵扣条件
  • win11好用吗知乎
  • vue解决数据量过大的问题
  • php 魔术
  • 现金支票提取备用金会计处理
  • 1.启动前端项目怎么做
  • 公司报销额度是什么意思
  • 进项税大于销项税,不用缴纳增值税
  • vue 实战
  • 通过云服务器租号安全吗
  • 小微企业开通社保
  • 公司购买购物卡送客户的会计分录
  • 支付版权使用费怎么记账
  • 电子软件是如何诞生的
  • 单位为职工订做活动通知
  • 帝国cms可以做商标吗
  • 网站的首页文件名是什么
  • 软件企业该怎么发展起来
  • 普通增值税发票会计科目如何写?
  • 资本支出预算属于经营预算吗
  • 固定资产折旧计入什么费用
  • 小规模纳税人可以开13的税吗
  • 小规模纳税人的认定标准是什么
  • 公司注销实收资本怎么处理
  • 外贸出口企业的收入交增值税吗
  • 如何降低应收账款成本
  • 企业银行贷款报表模板
  • 餐饮会计内账怎么记账
  • 税控盘抄报税逾期怎么办
  • 固定资产加速折旧最新政策2022
  • 建筑企业预缴增值税款
  • 会计里面的管理费用
  • 滴滴普票可以计算抵扣吗
  • 接到国外的电话是怎么回事
  • 网上认证平台进不去怎么办
  • 如何调优产业结构
  • windows key查询
  • 昂达主板插线安装图解
  • win10预览版21277下载
  • 如何设置win10系统输入法
  • ubuntu下添加新用户
  • mac系统快速入门
  • wind10应用商店
  • 向量上面有个倒着的v
  • opengl gpu编程
  • nodejs 异步io底层原理
  • 安卓安装两个不同版本软件
  • python基本入门
  • 深入学习习总书记系列讲话精神
  • 安卓开源好处
  • 详解杭州亚运会会徽和口号
  • javascript脚本大全
  • android数据存储与访问的方式有
  • 福建省国税局领导班子介绍
  • 房屋增值税和土地增值税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设