Vue目录结构

分手后的思念是犯贱 2022-01-28 06:59 326阅读 0赞

项目截图

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppc2hhbndhbmc_size_16_color_FFFFFF_t_70][]

结构解析

<table> 
 <thead> 
  <tr> 
   <th>目录/文件</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>build</td> 
   <td>项目构建(webpack)相关代码</td> 
  </tr> 
  <tr> 
   <td>config</td> 
   <td>配置目录，包括端口号等。我们初学可以使用默认的。</td> 
  </tr> 
  <tr> 
   <td>node_modules</td> 
   <td>npm 加载的项目依赖模块</td> 
  </tr> 
  <tr> 
   <td>src</td> 
   <td> <p>这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：</p> 
    <ul> 
     <li>assets: 放置一些图片，如logo等。</li> 
     <li>components: 目录里面放了一个组件文件，可以不用。</li> 
     <li>App.vue: 项目入口文件，我们也可以直接将组件写这里，而不使用 components 目录。</li> 
     <li>main.js: 项目的核心文件。</li> 
    </ul></td> 
  </tr> 
  <tr> 
   <td>static</td> 
   <td>静态资源目录，如图片、字体等。</td> 
  </tr> 
  <tr> 
   <td>test</td> 
   <td>初始测试目录，可删除</td> 
  </tr> 
  <tr> 
   <td>.xxxx文件</td> 
   <td>这些是一些配置文件，包括语法配置，git配置等。</td> 
  </tr> 
  <tr> 
   <td>index.html</td> 
   <td>首页入口文件，你可以添加一些 meta 信息或统计代码啥的。</td> 
  </tr> 
  <tr> 
   <td>package.json</td> 
   <td>项目配置文件。</td> 
  </tr> 
  <tr> 
   <td>README.md</td> 
   <td>项目的说明文档，markdown 格式</td> 
  </tr> 
 </tbody> 
</table>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppc2hhbndhbmc_size_16_color_FFFFFF_t_70]: /images/20220128/093845adbd7041ca99d2aa4b5440defa.png

发表评论取消回复

表情：

评论列表（有 0 条评论，326人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue框架目录结构（全）

使用vue init webpack 项目名称命令创建的vue-cli2的项目目录 ![20201109150813227.png][] 目录说明： bulid:

妖狐艹你老母/ 2022年12月20日 02:13/ 0 赞/ 274 阅读

相关 Vue目录结构 (三)

如果还没有安装过vue，去看[Vue安装教程 (一)][Vue_] 如果还没有创建项目，去看[Vue创建项目 (二)][Vue_ 1] 1. 目录结构 ![在这里插

小灰灰/ 2022年11月28日 13:48/ 0 赞/ 207 阅读

相关 Vue结构目录分析

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

Love The Way You Lie/ 2022年10月02日 07:50/ 0 赞/ 220 阅读

相关 Vue.js 目录结构

1.初始目录结构如下： ![728328-20170319162128401-843102294.png][] 2.目录结构介绍 <table style="marg

你的名字/ 2022年06月07日 00:16/ 0 赞/ 219 阅读

相关 vue-cli目录结构介绍

原文地址：http://www.jianshu.com/p/7006a663fb9f 总体框架一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重

╰+哭是因爲堅強的太久メ/ 2022年06月05日 11:28/ 0 赞/ 203 阅读

相关 vue 文件目录结构详解

基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含：基础库: vue.js、vue-r

￡神魔★判官ぃ/ 2022年02月26日 20:44/ 0 赞/ 398 阅读

相关 Vue目录结构

项目截图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2

分手后的思念是犯贱/ 2022年01月28日 06:59/ 0 赞/ 327 阅读

相关 Vue.js 目录结构

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

忘是亡心i/ 2021年10月13日 01:11/ 0 赞/ 347 阅读

相关 Vue.js 目录结构

npm 安装项目，中打开该目录，结构如下所示： ![format_png][] 目录解析 <table> <thead> <tr> <th>目录/文

悠悠/ 2021年07月24日 22:09/ 0 赞/ 446 阅读

相关 Vue.js 目录结构

Vue.js 目录结构 build：项目构建(webpack)相关代码 config:配置目录，包括端口号等。我们初学可以使用默认的。 node_modules:npm...

朱雀/ 2020年06月26日 13:06/ 0 赞/ 1530 阅读