Vue 项目结构

最新推荐文章于 2022-12-02 17:20:52 发布
最新推荐文章于 2022-12-02 17:20:52 发布
阅读量78 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Y_w_17325352759/article/details/118557519
版权

项目结构

  • code 【由项目开发者创建】
    存放项目日志 ，更新日志，开发日志，修改日志，等等…

  • node_modules
    所有的运行文件包

  • public
    公共文件 存放公共资源

  • src 【重要】
    源码 必要的文件 main.js 是入口文件
    全局文件 项目运行时执行的第一个文件

  • views
    视图用来放页面

  • package.json 【重要】
    运行命令和所有依赖清单

  • .getitgnore
    git 过滤 文件
    里面写不想打包的文件

  • bable.config.js
    解析ES6语法 编译成ES5

  • README.md
    项目描述文件

  • vue.config.js
    对当前vue项目脚手架的扩展

  1. 打包的二级目录
  2. 利用node.js 做跨域请求
  3. 关闭打包时的代码映射文件
小炜加油
关注
理解打包好的vue项目结构dist包
weixin_44976692的博客
05-14 2万+
这是第三方依赖库（如 Vue、Vuex、Vue Router 等）的 JavaScript 文件，被打包成一个单独的文件。这些字体文件通常被用于替代传统的图片图标，可以更好地适应不同分辨率的屏幕，并且可以通过 CSS 控制颜色、大小等样式，具有一定的灵活性。目录下，存放的是经过处理和压缩后的 CSS 文件，这些文件是从项目的源代码中提取、合并和压缩而来的。目录下，存放的是经过打包和处理后的 JavaScript 文件，这些文件包含了项目的逻辑代码。: 项目的入口 HTML 文件，是前端应用的主页面。
Vue项目创建与项目结构解析
weixin_43576422的博客
11-02 1333
一、新建项目 前置条件： 打开命令行查看是否有需要的环境。 node环境：（若无则安装：npm install -g cnpm –registry=https://registry.npm.taobao.org） vue-cli:（若无则安装：npm install --global vue-cli） 切换到power shell： 新建一个放项目文件夹并进入： vue init webpack 项目名 说明： Vue build ==> 打包方式，回车即可； Install vue-rou
VUE-项目结构
逍遥云恋
01-02 325
3.项目结构 开始编码前，我们先了解下项目的结构。 3.1.目录结构 3.2.调用关系 我们最主要理清index.html、main.js、App.vue之间的关系： 理一下： index.html：html模板文件。定义了空的div，其id为app。 main.js：实例化vue对象，并且绑定通过id选择器，绑定到index.html的div中，因此main.js的内容都将在index.h...
vue项目的架构设计完善详解
11-09 209
vue项目构建vuex+mock层 vue项目添加jsBridge（与原生交互的） vue项目添加代码格式化 转载于:https://www.cnblogs.com/LO-ME/p/7809178.html
vue项目架构
在职可交流前端开发，包括：web端、uniapp等，欢迎指教。
08-10 482
前端项目优化
Vue项目详细结构
weixin_43850076的博客
03-16 1109
build ---index.js webpack配置文件【很少修改这个文件】 mock ---mock数据的文件夹 模拟一些假的数据mock.js实现的，因为实际开发的时候，利用的是真实接口 node_modules ---项目依赖的模块 public ---ico图标，静态页面 public文件夹里面经常放置一些静态资源，而且在项目打包的时候webpack不会编译这个文件夹，原封不动的打包到dist文件夹里面 src ---程序员源代码的地方 ---api文件夹：涉及请
Vue项目结构介绍
01-27
Vue项目结构介绍主要涵盖以下几个核心知识点： 1. **Vue CLI**：Vue CLI 是一个用于快速构建 Vue.js 项目的脚手架工具，它提供了自动化配置、快速创建项目模板、热更新和构建优化等功能，大大简化了 Vue 项目的初始...
Vue项目结构及项目解读
weixin_43195498的博客
08-23 2320
简要介绍里如何使用@vue/cli创建vue项目，详细介绍了项目结构，并对项目进行了详细的解读。
vue项目结构及文件介绍(1) —— 外层文件.babelrc .editorconfig .postcssrc.js package.json
luwenze的博客
04-20 2617
项目一级文件夹如下： 首先介绍外层文件： .babelrc文件 es6特性浏览器还没有全部支持，但是使用es6是大势所趋，所以babel应运而生，用来将es6代码转换成浏览器能够识别的代码，用来兼容绝大多数的主流浏览器。在项目工程脚手架中，一般会使用.babelrc文件，通过配置一些参数配合webpack进行打包压缩。 presets presets属性告诉Babel要转换的源码使用了哪些新的语...
vue(vite)项目架构
小菜鸟的博客
05-31 1427
vue(vite)项目架构 assets :放些静态文件资源（图片,css,js) components : 放些封装的组件可以根据自己公司的要求去封装组件 config : 主要存放一些封装好的api,比如网络请求，路由拦截，加密方法等等 router : 路由存放器，处理些页面路由的问题 views : 页面 注意：文件名并不是固定，我们可以根据自己搭建的框架去写 router(index.js) 简单的路由配置，可以根据公司要求进行适当修改 import { createRouter,
面试官：说下你的vue项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？...
小生方勤
01-08 1657
一、为什么要划分使用vue构建项目，项目结构清晰会提高开发效率，熟悉项目的各种配置同样会让开发效率更高在划分项目结构的时候，需要遵循一些基本的原则：文件夹和文件夹内部文件的语义一致性单一...
vue2大体项目构建
qq_53147928的博客
09-03 412
Vue项目构建初始化
Vue项目架构详解
最新发布
mediocrep的博客
12-02 403
Vue项目架构详解
中大型Vue项目的前端架构-1
在那山的那边海的那边，有一群程序猿
05-12 1249
目录 前言 项目目录 Api后端接口 公共Helper sevice 网络请求封装（axios封装） utils工具类 main.js webpack入口文件 使用方法 前言 接触Vue已经有几年了，每次新建项目都有一些新奇的想法，之前分享过一篇Vue中使用Axios拦截器（拦截请求与相应），由于我最近的项目需要长期维护，所以不能再向小项目那种方式创建前端架构了，需求需要方便维护、高扩展性，但不是说我最初的那种方式不好，只是不适合中大型项目而已。所以今天我分享一下我在中大型项目中封.
大型Vuex应用程序的目录结构
weixin_33800463的博客
06-01 289
译者按： 听前端大佬聊聊Vuex大型项目架构的经验 原文: Large-scale Vuex application structures 译者: Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。 在编写大型应用程序时，管理前端的状态可能会非常困难。 例如对于Vue.js应用程序，有一个名为Vu...
（Vue）项目结构解析
热门推荐
leilei__66的博客
07-13 2万+
（Vue）项目结构解析 前言 Vue-cli项目搭建——见Vue小白课（一）——CLI搭建项目（Vue2.x）或Vue+Node前后端项目搭建部分内容 参考文献： vue-cli入门（二）——项目结构 | 思否-Reachel Vue-cli创建vue项目以及配置文件梳理 | 思否-AshleyLv Vue系列之WebPack与Eslint | 充电实践 Vue项目结构一览 ├── build --------------------------------- 项目构建(webpack)相关配置文件，配
[vue] 说下你的vue项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？
歌谣的博客
02-28 771
[vue] 说下你的vue项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？ views目录存放一级路由的组件，即视图组件 Components目录存放组件 Store存放vuex相关文件 Router目录存放路由相关文件 Untils目录存放工具js文件 API目录存放封装好的与后端交互的逻辑 Assets存放静态文件 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
vue项目目录结构
m0_43400750的博客
06-19 233
外层文件 postcssrc：对postcss的配置项 gitignore：不提交到git仓库 eslintrc：代码规范 eslintignore：不受代码规范检测 editorconfig：配置编辑器语法 babelrc：语法解析，解析成浏览器可以编译执行的语法 static目录：静态资源、图片 node目录：依赖包 src目录 main.js：项目的入口文件 App.vue：根组件 router/index.js：项目路由 components：项目用到的小组件 assets：图片等资源 config
Vue项目结构介绍和Vue面试题详解
通过这些构建出来的Vue项目结构，我们可以更好的管理代码，提高代码的复用性和可维护性，从而更好地开发Vue项目。Vue项目的结构设计，需要根据项目的实际需求和规模来进行设计，可以根据以上的介绍进行参考和优化。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值