vue2.0调整初始目录结构

最新推荐文章于 2023-09-19 19:54:15 发布

余帆yufan

最新推荐文章于 2023-09-19 19:54:15 发布

阅读量227

点赞数

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/weixin_64378410/article/details/126244868

版权

新建的项目yarn serve启动了，接下来我们对初始的项目内容及结构进行适当的调整

修改了App.vue根组件的基本结构

修改了路由模块的基本结构

删除一些根目录中的无用文件

新增几个目录(后期可能用到) -也可以后期使用到了再逐步添加

</br>

好啦，小白学编程简单好用....

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

余帆yufan

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue2.0调整初始目录结构

新创建的项目怎么调整结构，删除一些冗余的结构和页面，让我们开始SPA但页面开发吧，小白也能上车。
复制链接

扫一扫

antv/x6封装vue2.0源码

05-13

本文将深入探讨“antv/x6 封装 vue2.0 源码”中的关键知识点，助你理解和掌握如何利用这些技术实现增删改连线、拖拽生成功能、撤销保存、放大缩小等高级功能。 1. **AntV X6 图形引擎：** AntV X6 是基于 SVG 和 ...

vue cli4 vue2 多页面打包配置与坑点

qq_36278221的博客

11-25

2790

vue cli4 vue2 多页面打包配置与坑点

参与评论您还未登录，请先登录后发表或查看评论

Vue项目的详细目录结构解析

最新发布

ATCO[这里，只是顺手插曲]

09-19

4053

在创建项目时，如果你选择把依赖的配置信息以独立文件形式存放，那么你的项目内，和package.json文件同级的，就还会有比如.browserslistrc， .eslintrc， babel.config.js， jest.config.js， tsconfig.json等独立配置文件。而我们现在使用的Vue.js等框架开发的项目，并不能为浏览器所识别，所以就需要编译打包这一步操作，来转换成实际生产环境（浏览器）所需的文件。这个也没什么好说的，也就是罗列一下，之后Git上传时，需要忽略的文件。

vue 2.0 打包到指定目录

funny_girl的博客

06-11

2359

vue build默认打包的目录是dist 但是有时候我们不需要这样的结构目录，需要增加二级目录。 1.修改config=> index.js const pathName = 'web-wechat' build: { index: path.resolve(__dirname, `../dist/${pathName}/index.html`), assetsRoot: path.resolve(__dirname, `../dist/${pathName}`), ass

vue2.0---目录结构

赵佳敏的博客

03-07

2259

build—打包之后的项目文件 config—配置文件，包括端口号等 node_modules—依赖包文件 src—开发目录文件 static—静态资源目录文件 .babelrc、.editorconfig、.gitignore、.postcssrc.js—这些是一些配置文件，包括语法配置，git配置等。 index.html—首页 package.json—项目配置文件 README.md—项目说明文件 assets—放置一些图片，如logo等 components—目录里面放了一个组件文...

vue2.0详细目录结构注解

weixin_39818813的博客

05-04

554

#代表注解 —-代表一级目录 ————代表二级目录 ————//代表该文件下内文件内部的内容 ——————–//代表内部的注解的注意内容sell # 项目根目录名称（自定义） —-build #(webpack配置相关) —-config #(webpack配置相关) —-node_modules #npm install 安装的依赖代码库 —-src #存放项目源码 ————assets #放置...

基于vue2.0实现简单轮播图

11-27

【Vue2.0轮播图实现详解】 Vue2.0是一个强大的前端JavaScript框架，它提供了丰富的功能和便捷的数据绑定机制，使得开发复杂的Web应用变得更加容易。在这个教程中，我们将一起学习如何基于Vue2.0实现一个简单的轮播...

基于vue2.0实现的滑动进度条

06-01

首先，我们要理解Vue组件的基本结构。一个Vue组件通常包括模板（template）、数据（data）、方法（methods）和生命周期钩子函数（lifecycle hooks）。在创建滑动进度条时，我们需要定义一个名为`ProgressBar`的组件...

前端Vue2.0 + Echarts图表应用

07-25

### 前端Vue2.0 + Echarts图表应用 #### 概述在现代Web应用开发中，数据可视化已成为不可或缺的一部分。Vue2.0是一款轻量级且高效的前端JavaScript框架，它以其简洁的API、易学易用的特性而闻名。而Echarts则是一...

vue-testcase-minder-editor vue2.0思维导图实例

04-28

在“vue-testcase-minder-editor vue2.0思维导图实例”中，我们主要探讨的是如何利用Vue 2.x版本结合特定的插件来创建一个交互式的思维导图应用。 Vue-testcase-minder-editor 是一个专门为Vue.js设计的思维导图...

二、Vue2.0项目结构内容及配置解析

qq_23135259的博客

01-13

2674

vue结构目录解析及main.js详细内容解析

【项目复盘-vue2.0】常见接口数据处理方式-需要修改数据结构

Weiqian_的博客

11-28

964

常见接口数据处理方式-需要修改数据结构

vue - vue3与vue2.x的区别(一) ：目录结构不一致

sunshime的博客

08-23

1796

今天总结一下vue3与vue2.x的区别之目录结构不一致，相对的也造成了一些问题的存在，比如打包项目之后打开出现白屏现象。一、目录结构不一致通过上图可以发现 vue3 的目录结构跟 vue2.x 还是有很大的区别的，特别明显可以看出 vue3 是没有 build 和 config 这两个配置文件夹的，然后 static文件夹在vue3 变成了 public文件夹，它们同样都是用于存放静态文件。二、造成的问题及其解决方法当我们直接打包项目之后，打开对应的html文件，我们会发现页面出现

Vue2目录结构解析

代码大师麦克拉瑞的博客

08-19

1746

Vue是一款用于构建用户界面的JavaScript渐进式框架，被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，这使得它易于上手，也便于与第三方库或既有项目整合。同时，当与现代化的工具链以及各种支持类库结合使用时，Vue也能够为复杂的单页应用提供驱动。Vue.js支持所有兼容ECMAScript 5的浏览器，但不支持IE8及其以下版本。Vue的一个主要特性是数据驱动，即直接将数据同步到结构上，这使得视图管理抽象为数据管理，而不是管理DOM结构。

Vue2在实际项目中的应用——项目目录结构概览

Challenge Next Challenge

05-08

973

项目采用的是Vue2+Webpack2，分成了几个项目：一个通用的library项目，里面是一些公用的组件；一个是平台项目，会build出来三个端，每个端不同角色的用户会登陆各自的平台。下面先看一下library项目结构：其中： components目录是通用的组件封装，比如表格之类的 directives目录是一些指令，比如最大化对话框等 filters目录是过滤器，比如时间格...

使用CSDN-markdown编辑器入门

大米饭

09-17

2477

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

vue项目开发目录架构

qq_36593317的博客

11-18

1789

vue项目开发目录架构一.整体的目录介绍 1.目录架构二.具体的代码 1. Vuex具体代码 2.permisson路由问题 3.首先是svg引入 4.lang 语言包 5.filter的使用一.整体的目录介绍 1.目录架构 - mock mock可以不需要后台，自动拦截ajax返回测试数据 - public 公共目录 - src api 用于存放网......

vue2.0目录结构介绍

05-07

1325

1.安装好项目，目录如下： . 我们修改Helloworld.vue文件：然后重新打开，自动会刷新：

vue-cli （2.0.0版本）目录

一只小白奔向大牛的故事

06-24

917

关于项目目前该vue-cli使用的是 3.0.0 版本。该项的src文件夹中加入了一些我在写vue项目时的一些常用目录构架，下面会详细说。另外项目中我都有对代码的注释，来了解vue-cli这个脚手架。该项并不可以直接使用，目的是了解vue-cli 项目结构。某些目录下面也会有详细的说明和官网链接以及相关文章链接。目录结构讲解 |-- build ...

Vue2.0的目录结构

06-01

Vue2.0的目录结构一般包含以下几个文件和目录： 1. index.html：应用的入口文件。 2. static目录：存放静态资源文件，如图片、样式表和JavaScript文件。 3. src目录：存放源代码文件。 - assets目录：存放应用的资源文件，如图片、字体等。 - components目录：存放Vue组件。 - router目录：存放Vue应用的路由文件。 - views目录：存放Vue应用的视图文件。 - App.vue：Vue应用的主组件。 - main.js：Vue应用的入口文件，用于初始化Vue实例并挂载到DOM元素上。 4. node_modules目录：存放应用的依赖模块。 5. package.json文件：存放应用的基本信息和依赖模块信息。 6. webpack.config.js文件：存放Webpack打包配置信息。