vue-cli文件目录

最新推荐文章于 2023-07-07 12:49:20 发布
最新推荐文章于 2023-07-07 12:49:20 发布
阅读量457 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fengtingyan/article/details/87472355
版权

在这里插入图片描述

build-打包的配置文件所在的文件夹
config-webpack对应的配置
src 项目源码
app.vue 入口组件
main.js 项目入口的文件
static 静态资源，图片
.babelrc 这个文件对es6语法进行解析，这是一种方法或者还可以在build的webpack.base.conf.js里面加相应的配置
.editorconfig 编辑器配置
.gitignore 忽略提交
.postcssrc.js html添加前缀的配置
index.html 单页面入口页 通过webpack打包编译，插入到HTML里面
package.json 基础配置 dependencies项目的依赖库 devdependencies engine 引擎
README.md

在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

path：nodejs内置模块

宝儿的程序生涯
关注
vue-cli中config目录下的index.js文件详解
08-18
vue-cli中config目录下的index.js文件详解
初识vue-cli目录
m0_50448062的博客
04-29 173
vue的安装已经在介绍过了vue安装 说明一下vue-cli的目录结构和编码逻辑 最重要的几个文件就是src文件夹，用来防止源代码的，package.json是添加依赖的。 重点看src里面的内容。 App.vue是整个项目的入口页面。相当于index。 main.js是一个配置文件，用来初始化路由，首页，导入第三方依赖。 assets是存放静态内容，比如用到的图片。 components是存放组件的。vue-cli本身就是单页面应用，逻辑也是基于组件开发。比如菜单，导航栏，轮播图等。 router就路
（68）Vue-cli 目录与文件
Java田根旺
02-16 637
一、文件目录介绍 二、单文件组件 单文件组件可以将组件的功能统一保存在以 .vue 为扩展名的文件中。 三、HelloWorld.vue文件 该文件是一个组件文件，文件中有三个标签，<template>标签代表我们之前书写的template选项，我们知道我们之前书写起来很不方便，但是我们通过这种标签的方式书写，写起来更容易啦！ <script>标签用于导出组件，供我们的App.vue根组件进行使用。 <style>标签可以书写样式代码，这里面可以通过lan
VueCli 目录概述
qq_50648993的博客
04-17 735
VueCli 目录概述 当安装完成后，大概样子就是这样（安装不同的依赖插件会有不同的样子，大概样子和这个差不多） 其中第一个包node_modules是存放了各种包，包管理器，不用去修改 public文件夹的静态资源都会被简单的复制，而不经过webpack，一般也不在这其中修改，public 目录提供的是一种应急手段。 一般项目的更改就是在src种更改 assets ：一般存放一些静态文件，如图片，iconfont等等 components：在这其中写组件，一般为通用组件，就是原生中的template
vue-cli目录详解
qq_43121828的博客
07-23 2001
vue-cli脚手架目录一览 最近在学习vue，看的稀里糊涂。今天从头开始，把cli配置的vue项目目录和配置文件搞清楚。 先看看整个项目目录结构： 再看看build文件夹下相关文件及目录： config文件夹下目录和文件： 接下来说说vue-cli项目中页面相关的主要文件o 首先是index.html: 说明：一般只定义一个空的根节点，在main.js里面定义的实例将挂载在#app节点下，...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请...
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
vue-cli-plugin-mock:vue-cli3插件模拟
05-26
vue-cli-plugin-mock 用于本地模拟数据功能的软件包 简单的写作（Express.js风格） 观看文件更改 自动重装模拟服务器 支持esm / cjs样式模块 安装 yarn add vue-cli-plugin-mock 用vue-cli3安装 vue add vue-cli-...
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
使用vue-i18n-loader的单个文件组件中的区域设置消息 区域设置消息丢失和未使用的报告（实验性） 环境变量 :rocket: 入门 如果yon没有使用Vue CLI创建的项目： vue create my-vue-app 将插件安装到您的项目中： ...
vue-cli 工程下文件目录作用
weixin_42593130的博客
02-14 171
vue-cli 项目的文件目录的作用如下： public 目录：存放静态资源，如 index.html，图片等，它们将直接复制到最终的打包文件中。 src 目录：存放源代码，包括 Vue 组件、JavaScript、CSS 等。 components 目录：存放组件文件。 views 目录：存放页面组件。 router 目录：存放路由配置文件。 store 目录：存放 Vuex 状态管...
Vue CLI脚手架项目目录详解
drhnb的博客
07-07 1001
当用npm run serve启动项目时，首先会运行入口程序main.js 1、main.js会引入并加载根组件App.vue 2、注册：注册分为局部注册和全局注册,可以将components下的普通组件在App.vue中进行引入和局部注册，或在main.js中进行引入和全局注册 3、main.js 将加载的App.vue挂载到 public/index.html 中定义的容器元素上
Vue-cli 内置文件配合说明
weixin_40719714的博客
08-09 186
|– build // 项目构建(webpack)相关代码 | |– build.js // 生产环境构建代码 | |– check-version.js // 检查node、npm等版本 | |– dev-client.js ...
vue-cli项目修改文件热重载失效
qq_27868533的博客
03-23 4233
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;遇到一个很奇怪的问题，就是之前vue-cli创建的项目，在起初修改文件可以热重载，但是后面突然间就无法无刷新浏览器更新了，一只以为是热重载出问题了，折腾了半天也没纠结出什么结论，最后百度了一下，原来是编译器webstrom的锅。 问题原因 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs...
vue-cli 项目 循环读取文件夹内所有文件
weixin_46462541的博客
06-04 4894
require.context 实现动态读取文件内容，主要依靠 webpack 的 require.context 方法，require.context 方法有三个参数： directory {String} - 读取文件的路径 useSubdirectories {Boolean} - 是否遍历文件的子目录 regExp {RegExp} - 匹配文件的正则 语法: /** * require.context * @param {String} directory 读取文件的路径 * @par
如何找到vue项目路径_如何获取vue单文件自身源码路径
weixin_42190623的博客
01-30 5807
这个问题要从一个想法说起。D2Admin是一个开源的，前端中后台集成方案，原先是基于 vue-cli2，大概是向 vue-cli3 过渡时，作者老李，想在页面右下角加个 Toggle 点击，跳到当前页面源码对应的 github 页面。确实很实用的功能，D2Admin 的 Demo 页面太多了，想看某个页面的源码，对于不熟悉项目目录结构的新手很不友好。这些页面统一为 .vue 组件，那么转换一下：如...
[VUE] Vue-CLI的安装、使用及环境配置（超详细）
热门推荐
leo的博客
11-20 4万+
Vue-CLI的安装、使用及环境配置的详细步骤（超详细）
【Vue】Vue-cli(脚手架)的目录结构详解（转载）
【敦厚的曹操】的专栏
03-24 7040
一、图简单说明下各个目录都是干嘛的： 　　总体框架：一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重点讲解其中的文件，至于其他相关文件，了解一下即可。 四、文件结构细分 　　1、build——[webpack配置] 　　build文件主要是webpack的配置，主要启动文件是dev-server.js，当我们输入npm run dev首先启动的就是dev-server.js，它会去检查node及npm版本，加载配置文件，启动服务。 　　2、config——[
vue-cli 工程目录结构介绍
学习记录
10-17 8638
请说出vue-cli工程中每个文件夹和文件的用处 注意：此问题千万不要只解释一下 src 文件夹下每个文件夹的作用。vue-cli目录结构：vue-cli目录解析： build 文件夹：用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下 webpack.base.conf.js 用于配置 less、sass等css预编译库，或者配置一下 UI 库。 config ...
缺少vue-cli-service文件
最新发布
06-08
3. **项目配置问题**：确认你在当前目录下是否有一个名为 `.vue-cli-service` 的文件夹，如果没有，那可能是项目结构不完整或者配置文件损坏。确保检查 `package.json` 文件中是否有 "devDependencies" 中包含 "vue-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值