位置: 编程技术 - 正文

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

  • 企业所得税会计分录怎么做
  • 纳税信用等级是专管员评的吗
  • 税负率的计算方法有哪些
  • 组成计税价格是销售额吗
  • 课税为什么叫课税
  • 承兑汇票用开发票吗
  • 公司控股另一家公司的风险
  • 本年利润是净利润还是利润总额
  • 会计录入凭证怎么录入
  • 企业用现金购进存货是单选题
  • 无形资产出售收入属于营业收入吗
  • 购入货物自用的进项税额转出分录怎么处理
  • 行政机关作出下列行为属于行政复议的范围
  • 工资不到3500用交个税吗
  • 个人所得税0申报操作流程
  • 公司注销过了公示期不去有问题
  • 进项税额转出多转了怎么办
  • 贷款利息收到发票怎么办
  • 居民企业的判定条件
  • 发票 发票联
  • 税务票开错了怎么办理退税
  • 公司收到残联补助如何开票
  • 公司发的物品叫什么
  • 房产公司增值税怎么交
  • 收到工会经费返还属于现金流量表哪
  • 支付工会经费
  • 账户禁用无法登录怎么办
  • 债权人撤销权诉讼有效债权为前提
  • mac怎么airdrop给ipad
  • macbook做bim
  • 设备安装用工程造价吗
  • 固定资产财产损失的账务处理
  • groove.exe是什么
  • 最小的的照片
  • 会计的四大基本要素
  • vue input value
  • 金蝶迷你版财务软件报价
  • 资产负债表的编制方法
  • php方法重载
  • 医疗知识科普图片
  • 企业所得税季度申报表A类
  • 增值税申报表上期留抵税额怎么填
  • linux杀死程序
  • 前端实战培训
  • mysql全局锁和表锁
  • 企业所得税不得核定征收行业
  • javatoolkit详解
  • python中numpy数组的拼接、合并
  • 印花税补交会怎样
  • 2021新旧会计准则的比较分析
  • 工业企业增值税税负多少合理
  • 超市的库存商品是怎么记账的
  • 资本公积和盈余公积是什么意思
  • 工业企业外购存货的入账价值一般包括()
  • 股东投入的资金在现金流量表中如何提现
  • 季度末需要结转本年利润吗
  • 工程发票入账
  • 物流运输业务
  • 其他应收款可以挂公司吗
  • 产品成本包括哪几个部分
  • 什么是成本费用,什么是经营成本
  • 购入固定资产怎么折旧
  • SQL2005、SQL2008允许远程连接的配置说明(附配置图)
  • Windows Sever 2016技术预览版3 本月发布
  • 有备而来有备而去
  • 怎么解决xp不能安装软件
  • w8系统怎么连接投影仪
  • win8无法更新到win10
  • win7电脑老是自动重启是什么原因
  • js数组常用的方法及用法
  • lru缓存机制是什么
  • python 命令
  • unable to instantiate decoder
  • python条件怎么算合法
  • python2ide
  • android局部界面切换
  • 常规巡察和专项巡察相结合
  • 出口退税的汇率按什么时候的汇率
  • 江苏国税网上勾选平台
  • 电信业八大争议事件
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设