vue2.0项目结构和打包发布

最新推荐文章于 2024-05-21 19:09:41 发布
最新推荐文章于 2024-05-21 19:09:41 发布
阅读量106 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/webSong/p/7307125.html
版权

先来一张项目结构图：

本地开发测试运行的命令是npm run dev

打包发布的命令是 npm run build生成的dist文件夹里的文件就是我们可以布置到服务上的文件

但是呢，这打包好的文件的文件地址都是/根目录的，如果我们需要更改这个默认的更目录路径，需要在config文件夹里的index.js里的

assetsPublicPath: '/',修改目录就行了，这里它默认的就是根目录。

转载于:https://www.cnblogs.com/webSong/p/7307125.html

weixin_34167043
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
x-blog:使用Vue2.0 + express + mongodb开发的完整博客系统
03-11
文档目的旨在让想学习Vue或节点或想开发...项目结构（项目结构） |-AFront //前端代码 |----build //webpack |----config //webpack基本配置 |----src //包含api、所有vue组件、所有插件 |----index.ht
vue-项目打包
前端
12-18 3391
作为一个前端之前并没有打包过项目，因此想一下打包的效果，记录一下我的打包过程：作为一个开端 首先，项目打包前的目录结构 然后，运行命令行 npm run build 因为是第一次打包，不熟悉打包的过程，与文件的变更，首先看了一下文件的结构，发现没有compenent与views中文件的生成目录。是没有打包进去么？ 先看一下效果，看一下是否打包进入了。 当我运行的时候发现页面报错，是个空白页，从...
vue2.0项目详解
孙霸天的专栏
03-03 1680
vue2.0(vue-cli)项目详解 创建vue项目 电脑系统为windows11，这里我使用WebStorm来创建项目，需要电脑安装node环境，node的版本为14.17.5，如下图所示 这里我的项目还是vue.2.x版本 创建步骤 点击New Project创建项目 选择Vue,js项目 点击创建后，IDE会自动下载相关依赖，执行相关操作 依赖下载完成后，如下图所示，会自动构建索引，方便方法的智能提示 项目结构 项目结构如下所示，如果没有vue.config.js，那就手动创建这个文件
总结Vue 第四天~Vue CLI----（Vue2.0 新手入门 — 从环境搭建到发布）
伟庭的博客
12-25 422
总结Vue 第四天~Vue CLI----（Vue2.0 新手入门 — 从环境搭建到发布）
vue2.0项目组成
田兴的博客
12-12 408
VUE2.0项目组成和打包发布 vue项目结构图： 本地开发测试运行的命令是npm run dev 打包发布的命令是 npm run build生成的dist文件夹里的文件就是我们可以布置到服务上的文件 但是呢，这打包好的文件的文件地址都是/根目录的，如果我们需要更改这个默认的更目录路径，需要在config文件夹里的index.js里的 assetsPublicPath: ‘/’,修改目录就...
cnode-vue：基于Vue2.0和Vue-router构建的网络端cnodejs网站SPA
02-03
10-29新增vuex进行用户登录状态管理，组件切换添加过渡效果，v1.1 2016-10-21新增webpack + gulp打包合并，v1.0 2016-10-17实现评论及新建话题功能2016-10-15结合element-ui进行组件开发2016-10-12项目文件结构确定
vue-webpack-webapp:定制化构建, 仿 vue-cli 2.0 目录结构, 单页面webapp
05-09
打包代码npm run build# 推荐使用nrm，帮助更快更高效地切换npm代理npm install nrm -g --registry=https://registry.npm.taobao.org项目地址：https://github.com/Pana/nrm目录结构build/ => webpack 编译任务及...
vite-h5:Vite + Vue3.0 SPA Application 基于Vite2.0的移动端SPA工程，支持动态路由，持续更新
05-13
项目结构 ├── build (编译模块) ├── config (配置文件) ├── docs (项目文档) ├── mock (模拟数据) ├── plugins (插件) ├── public (存放公共文件) │ └── favicon.ico ├── src │ ├── ...
webpack+vue+iview搭建管理后台
01-24
前端技术Vue2+iView2.0实践-后台管理系统，利用webpack进行项目打包，为开发者提供一个完整的项目结构和案例
openlayers绘制经纬网格，有添加或者移除功能
qq_52959651的博客
05-21 120
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 198
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
(Vue3+TS+Volar) 全局组件配置类型声明的最佳实践
从今年开始写写博客~~
05-14 237
简评：Volar官方全局组件的推荐写法，基于Volar，必须安装该插件，GlobalComponents是Volar专门为了解决全局组件类型而新增的类型接口。定义全局组件：使用GlobalComponents类型接口声明类型。
Vue.js的发展史（一）
2301_79683791的博客
05-15 758
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
Vue3详细讲解
贫僧法号依平
05-15 856
Vue 3 介绍为什么要学习 vue 3Vue3 动机 和 新特性Vite 的使用vite介绍为什么选 Vite？Vite 的基本使用Vue3.0项目介绍vscode插件说明组合式API体验 composition APIsetup 函数reactive 函数ref 函数script setup语法(★)案例：显示鼠标案例计算属性computed函数侦听器watch函数钩子函数的使用组件通讯-父传子组件通讯-子传父依赖注入 - provide 和 inject模板中 ref 的使用vue3中废弃了过滤器。
echarts的柱状图使用
qq_45331969的博客
05-15 188
【代码】echarts的柱状图使用。
Vue从入门到实战Day07
最新发布
ltt159264的博客
05-21 586
目标：明确vuex是什么，应用场景，优势vuex是一个vue的状态管理工具，状态就是数据。大白话：vuex是一个插件，可以帮助我们管理vue通用的数据（多组件共享的数据）①某个状态在很多个组件来使用（个人信息）②多个组件共同维护一份数据（购物车）①共同维护一份数据，数据集中化管理；②响应式变化；③操作简洁（vuex提供了一些辅助函数）。
vue3专栏项目 -- 五、权限管理（下）
m0_64931189的博客
05-15 821
我们这一系列做的就是，我们刚开始做了message组件，我们可以直接在某个组件中通过即可调用这个message组件，从而展示出这个提示信息框但是我们觉得它可以像以前用过的alert一样，直接通过一个函数调用就可以展示出这个组件，所以有了如下一步步改进：
jQuery知识点（二）
shsjssnn的博客
05-21 469
1.获取节点： 通过各种选择器或选择器的组合来获取想要的网页元素。 2.创建节点： 元素节点通过工厂函数$()直接创建，文本节点和属性节点可以随着元素节点创建时一起创建，也可以通过先创建元素节点，再使用操作内容和属性的方法产生。 3.插入节点： append()、prepend(): 是父元素的方法 appendTo()、prependTo(): 是要插入的节点的方法 before()、after(): 是要插入
vue2.0项目源码
09-12
Vue 2.0项目源码是指使用Vue 2.0框架开发的项目的源代码。...项目源码的具体实现细节和结构会根据项目的规模和需求而有所不同，但基于Vue 2.0框架进行开发的项目通常都会遵循以上的主要特点和模块。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值