位置: 编程技术 - 正文

详解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拦截器使用场景)

  • 个税要计提吗?
  • 增值税多提了怎么处理
  • 成本会计实训要求
  • 怎么开具红票
  • 担保人的损失
  • 建筑施工安全费用专项检查报告怎么写
  • 应收账款折扣怎么计算
  • 个税退税入账
  • 车辆商业险和交强险可以分开买吗
  • 广告媒体类的企业怎么核算成本?
  • 税收滞纳金算不算所得税
  • 营改增后印花税计税依据文件
  • 装修增值税普通发票几个点
  • 预付账款的借方是应付账款的哪方
  • 外贸企业出口收入确定
  • 资产负债表没有实收资本正常吗
  • 去年多确认收入今年怎么调整
  • 企业支付微信认证怎么弄
  • quicktimeplayer.exe - quicktimeplayer是什么进程 有什么用
  • 微信小程序实现页面跳转
  • php网页运行原理
  • win10新装系统我的电脑在哪
  • 支持h5浏览器
  • PHP:iconv_strpos()的用法_iconv函数
  • 最早的手机是哪一年
  • 资产负债表应付账款怎么填列
  • 个人信息提供者
  • 前端工程化解决方案
  • php手机验证码验证
  • 税费减免政策2020
  • 外币存款利息税
  • 职工薪资包括
  • windows安装mq
  • 年终奖个人所得税税率表
  • 企业收到国债专项资金怎么记账
  • linux mysql 安装与操作
  • 应付职工薪酬余额方向
  • 库存股属于什么账户
  • 记账凭证如何进行记账
  • 无票收入怎么计算
  • 应收款项减值讲解视频
  • 公司向法人借款有税务风险吗
  • 银行承兑到期后未兑付
  • 仓库到仓库贸易术语
  • 非独立核算的分公司可以开基本户吗
  • 房租费会计分录
  • 新冠肺炎疫情相关租金减让适用简化处理方法的时间范围
  • 公司怎么建
  • 房地产开发企业销售自行开发的房地产项目
  • 什么样的原始凭证不能用
  • 自动化生产线模型
  • sqlserver日志已满
  • xp系统怎么修改图标和文字大小
  • 如何将windows 7升级到windows 10
  • win7无法双击打开软件
  • thinkpad笔记本键盘无法输入
  • mmc.exe是什么
  • windows7播放器在哪找
  • window10自带录屏录制不工作
  • 编写一个定时间隔为5ms的子程序
  • win7任务栏变小图标
  • 电脑已禁用ime是什么
  • win8怎么设置桌面图标
  • win10系统安装cad2008的注册机无法打开
  • js入门基础
  • java的理解
  • 删除默认共享的文件夹
  • 如何消除手机自动出现的广告
  • unity方法大全
  • javascript html5移动端轻松实现文件上传
  • ajax按顺序执行
  • shell脚本判断命令是否执行成功
  • centos创建shell脚本
  • unity 内存管理
  • python if none
  • pip install clashroyale
  • 方块大作战百科
  • 芜湖买房退契税在哪里退
  • 荆州区国税局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设