【vue创建的项目各个文件夹以及文件的作用】

最新推荐文章于 2024-05-30 11:27:58 发布
最新推荐文章于 2024-05-30 11:27:58 发布
阅读量1k 收藏 4
点赞数 2
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_72815229/article/details/127678487
版权

项依赖都会下载到这个文件夹
在这里插入图片描述

存放公共资源和项目的主入口文件index.html
在这里插入图片描述

项目核心文件夹：包括项目源码,各种静态资源等等,是我们开发的重点工作目录

在这里插入图片描述

项目资源，img图片，视频，音频等
在这里插入图片描述

小组件，一般做子组件，对应view中页面级别大组件
在这里插入图片描述

路由相关配置
在这里插入图片描述

vuex相关配置
在这里插入图片描述

页面级别大组件
在这里插入图片描述

app.vue是根组件，所有内容都在他里面
在这里插入图片描述

入口函数
在这里插入图片描述

git配置上传时忽略文件
在这里插入图片描述

babel的配置文件，babel主要作用是将SE6+的语法转为ES5
在这里插入图片描述

项目配置，用于管理项目的依赖项，脚本，。版本等，上面带l-ock是本地的意思，作用一样

在这里插入图片描述

项目介绍文件，对项目的主要信息进行描述
在这里插入图片描述

红色波浪号
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
创建Vue项目以及引入Iview的方法示例
01-19
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install...
vue项目总结之文件夹结构配置详解
08-28
主要给大家总结介绍了关于vue项目之文件夹结构配置的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
【Vue学习】Vue路由
zx1041561837的博客
09-06 548
本文介绍Vue路由的相关知识
Vue项目中Views文件夹
JLY19970726的博客
04-16 492
在Vue.js项目中，views 文件夹通常用于存放应用的页面组件。这些组件通常代表应用中的不同“页面”或“视图”，并且是与路由（router）紧密关联的。每个.vue 文件在 views 文件夹中通常代表一个独立的页面，这些页面通过Vue Router进行导航和渲染。
「Vue 学习笔记 1」Vue 项目快速搭建，初始项目各个文件夹作用介绍和启动代码执行流程分析
Dululuya
01-17 799
使用 Vue CLI （Vue脚手架）快速搭建项目，介绍了 Vue 初始项目中各个文件夹作用，并且分析了项目启动时代码执行流程
解读Vue项目文件目录结构，实例化Vue对象，数据和方法
ZerZhang的博客
10-08 419
解读Vue项目文件目录结构，实例化Vue对象，数据和方法
关于前端vue中下载各种类型文件的问题
m0_72270036的博客
03-26 680
平时在前端下载文件有两种方式，一种是后台提供一个 URL 下载，另一种就是后台直接返回文件的二进制内容，然后前端转化一下再下载。如果是excel、word等文件，直接通过方法直接下载。如果是图片格式，可以通过如果是pdf格式的文件， 需要后端提供pdf流才可下载。
vue-cli 图片和第三方资源放的地方
qq_43506776的博客
10-27 372
assets下： 将图片和第三方文件放入public文件夹下 图片：所有图片可以放在public文件夹下面 但是不建议 jQuery 和 bootstrap 直接在 publix 下的 index.html 直接引入 css 文件 / icon 图标 / 动画
使用TS 开发vue项目
afggg_的博客
01-28 2181
使用ts开发vue项目
Vue 创建项目中各文件夹作用
weixin_62800694的博客
03-02 497
postcss.config.js: postcss 是帮我们后处理css ，css已经编译完成了，在stylus-loader编译成css之后，在通过postcss优化css，通过一系列组件去优化，比如以下，通过autoprefixer 添加css前缀。或者别人拿到你的项目也能通过README.md文件的描述快速的了解该项目。src/store.js：主要用于项目里边的一些状态的保存，state中保存状态，mutations中写用于修改state中的状态，actions暂时没实践，不知道具体怎么使用。
Vue 创建项目后各文件夹作用
小伙伴们全都Lucky！
08-24 459
node_modules : 项目依赖环境，是安装node后用来存放用包管理工具下载安装的包的文件夹。 package.json : vue项目的表述文件，依赖包就是根据package.json来安装的。 package-lock.json : 文件内保存了 node_modules中所有包的信息，包含着这些包的名称、版本号、下载地址。 README.md : 简单的项目介绍文档介绍了整个项目达到什么样子的效果、需要搭建什么样的环境、具备什么样的技能等等。 main.js ： 项...
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI是一个用于快速Vue.js开发的完整系统。这篇文章主要介绍了Vue Cli3 创建项目的方法步骤，非常具有实用价值，需要的朋友可以参考下
使用vue2.0创建的项目的步骤方法
10-17
主要介绍了使用vue2.0创建的项目的步骤方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1084
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
最新发布
山花的博客
05-30 323
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 215
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
【Vue】v-if / v-show条件渲染指令
qq_39921135的博客
05-29 393
条件判断指令，用来辅助开发者按需控制 DOM 的显示与隐藏。表达式值为 true 显示， false 隐藏。作用： 控制元素显示隐藏（简单的显示隐藏）场景：频繁切换显示隐藏的场景。
基于Java+SpringBoot+Mybaties-plus+Vue+elememt + uniapp 新闻资讯 的设计与实现
qq_28917403的博客
05-27 707
本系统分为 后端 和 小程序端后端：点击登录按钮设置个人中心、管理员账号数据维护、基础数据维护、论坛维护(增删改查帖子信息，包括查看论坛的内容回复)、公告信息维护、用户信息维护、小程序的轮播图维护小程序端：登录、注册、忘记密码首页(查看新闻展示、短视频信息展示、公告信息展示)短视频信息(根据类型检索)、公告信息(根据类型检索)、论坛信息(根据名称检索)、
vue2的项目怎么创建
08-03
11. 如果你需要使用Vue Router进行路由管理，可以按照引用[3]中的描述，先安装Vue Router的依赖，然后在项目中创建views文件夹，并在其中创建各个模块的组件。接着，在src目录下创建router文件夹，并在其中创建index...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

红色波浪号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值