vue-cli 工程下文件目录作用

最新推荐文章于 2024-04-16 14:49:22 发布

二院大蛙

最新推荐文章于 2024-04-16 14:49:22 发布

阅读量177

点赞数

文章标签： vue.js javascript 前端 ecmascript 前端框架

本文链接：https://blog.csdn.net/weixin_42593130/article/details/129605590

版权

vue-cli 项目的文件目录的作用如下：

public 目录：存放静态资源，如 index.html，图片等，它们将直接复制到最终的打包文件中。
src 目录：存放源代码，包括 Vue 组件、JavaScript、CSS 等。
components 目录：存放组件文件。
views 目录：存放页面组件。
router 目录：存放路由配置文件。
store 目录：存放 Vuex 状态管理文件。
assets 目录：存放项目需要的资源文件，如图片、字体等。
App.vue 文件：根组件。
`m

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

二院大蛙

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

脚手架vue-cli工程webpack的作用和特点

10-17

本文将详细介绍Webpack在Vue-cli工程中的作用和特点，以便开发者能够更好地理解和运用它。首先，Webpack的作用主要体现在以下几个方面： 1. 模块依赖处理：Webpack将项目中的各个依赖模块打包成一个或多个静态...

vue-cli的工程模板与构建工具详解

10-17

在webpack模板中，`build`目录下的脚本和配置文件用于处理不同环境的构建任务，如`webpack.base.conf.js`是基础配置，`webpack.dev.conf.js`和`webpack.prod.conf.js`分别针对开发和生产环境。`config`目录中的`dev....

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

vue-cli 工程目录结构详介绍

frontend_frank的博客

10-03

310

问题一：请说出vue-cli工程中每个文件夹和文件的用处vue-cli目录结构：vue-cli目录解析：build 文件夹：用于存放 webpack 相关配置和脚本。开发...

vue-cli文件目录

Yanfengting的博客

09-29

463

build-打包的配置文件所在的文件夹 config-webpack对应的配置 src 项目源码 app.vue 入口组件 main.js 项目入口的文件 static 静态资源，图片 .babelrc 这个文件对es6语法进行解析，这是一种方法或者还可以在build的webpack.base.conf.js里面加相应的配置 .editorconfig 编辑器配置 .gitignore 忽略提交...

vue-cli工程目录

simple_T的博客

04-17

138

vue_cli文件目录

memoryI的博客

07-20

644

在做vue项目，顺便把文件目录搞搞清楚原文地址：https://www.jianshu.com/p/7006a663fb9f 1.bulid文件 webpack的相关配置，主要启动文件dev-server.js，当输入npm run dev 时，先启动dev-server.js,然后检查node以及npm的版本，加载配置文件，启动服务。 build.js 生产环...

vue-cli2工程目录

zY的博客

05-10

210

project -build 操作文件（npm *在此处） -config 配置文件 -node_modules 依赖文件 -src 资源文件夹 -assets 资源文件夹，存放图片之类的资源 -compone...

Vue CLI 项目目录结构

ckk727的博客

03-26

215

npm install -g @vue/cli //安装CLI npm install -g @vue/cli-init //安装桥接工具，拉取CLI旧版本 vue init webpack myproject //vue2.x版本初始化项目 vue create myproject //vue3.x以上版本初始化项目 Vue2.x初始化项目过程： vue init webpack v...

（68）Vue-cli 目录与文件

Java田根旺

02-16

642

一、文件目录介绍二、单文件组件单文件组件可以将组件的功能统一保存在以 .vue 为扩展名的文件中。三、HelloWorld.vue文件该文件是一个组件文件，文件中有三个标签，<template>标签代表我们之前书写的template选项，我们知道我们之前书写起来很不方便，但是我们通过这种标签的方式书写，写起来更容易啦！ <script>标签用于导出组件，供我们的App.vue根组件进行使用。 <style>标签可以书写样式代码，这里面可以通过lan

vue-cli目录详解

qq_43121828的博客

07-23

2016

vue-cli脚手架目录一览最近在学习vue，看的稀里糊涂。今天从头开始，把cli配置的vue项目目录和配置文件搞清楚。先看看整个项目目录结构：再看看build文件夹下相关文件及目录： config文件夹下目录和文件：接下来说说vue-cli项目中页面相关的主要文件o 首先是index.html: 说明：一般只定义一个空的根节点，在main.js里面定义的实例将挂载在#app节点下，...

vue-cli 环境搭建及项目目录

csdn_bk的博客

03-29

152

vue-cli新建时的解析

[vue-2]vue项目文件夹的介绍

qq_26282869的博客

12-14

437

基本文件夹介绍: build 打包配置的文件夹 build.js 打包使用 config 打包的配置 index.js src 开发项目的源码 App.vue 入口组件 main.js 项目入口文件 static 放静态资源 index.html 单页面入口 ...

vue项目目录及其作用

m0_63349753的博客

10-20

296

vue项目目录及其作用

Vue CLI脚手架项目目录详解

drhnb的博客

07-07

1011

当用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目录结构解析

Java_53的博客

05-27

638

vue-cil项目目录结构 dist (由"npm run build"打包后生成,真正挂载到服务器的前端所有代码) node_modules (第三方包目录,安装第三方包时生成) public (公共资源目录) static (静态资源) img (图片) XX.jpg (jpg图片) XX.png (png图片) index.html (首页文件) src (源文件目录) assets (资源库) icons (图像) lightbox (灯箱) overlays (叠加

解读新创建vue项目的各个目录的作用

m0_72435337的博客

05-15

430

在实际项目开发中，你可以根据需求对这些目录和文件进行合理的组织，例如新建一个 api 目录存放接口请求相关的代码，或者新建一个 store 目录存放状态管理相关的代码。package-lock.json: 应用程序的依赖管理文件，锁定依赖包的版本号，保持版本的一致性。main.js: 应用程序的入口文件，初始化 Vue 实例并配置路由、状态等。package.json: 应用程序的依赖和配置文件，定义了项目的版本、脚本、依赖等信息。router.js: 应用程序的路由配置文件，定义页面路由和对应的组件。

Vue项目中Views文件夹