（2）用vue写项目——项目文件结构

古城微笑少年丶 2022-04-15 05:50 236阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p5ejAwMDAwMDAw_size_16_color_FFFFFF_t_70][]

README.md项目描述说明文件

package.json 安装依赖的包

index.html 首页模板，项目的首页

postcssrc.js：是post的配置项

gitignore：有些文件不需要用git上传，不需要上传

eslintrc.js：代码规范，按eslint标准

eslintignore：在下面这些文件夹的文件，是不受eslint检测的

![20181122115004471.png][]

editorconfig：编辑器的设置，比如里面的indent\_size = 2，就是按tab键的时候，会有两个字段的距离

babelrc：对vue的配置，vue转换为浏览器可解析渲染的代码

static文件中：放入的静态资源，图片或者是analog的数据

node\_mudule：node依赖的包

src文件：放的是整个项目的源码

src/main.js：整个项目的入口文件

src/app.veu：项目的根组件

router/index.js：路由

components：项目的组件

assets：项目中使用的图片

config文件夹：放的是项目的配置文件

config/index.js：基础的配置信息

config/dev.env.js：开发的配置信息

config/prod.env.js：线上环境的配置信息

build文件夹：放入的是webpack的信息

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p5ejAwMDAwMDAw_size_16_color_FFFFFF_t_70]: /images/20220415/4fa448dd17ae44298eb454dc46df9bdb.png
[20181122115004471.png]: /images/20220415/533ea09a9b8c43ffbfafd20c91fb94f8.png

发表评论取消回复

表情：

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

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

相关阅读

相关 vue2-006——使用脚手架搭建vue2项目+项目结构分析

【代码】vue2-006——使用脚手架搭建vue2项目+项目结构分析。

秒速五厘米/ 2024年05月05日 22:19/ 0 赞/ 85 阅读

相关 vue cli项目结构

VUE Cli的单页面项目 ![在这里插入图片描述][3443bc6381764f3d9efb24fff1f96baf.png] 项目结构 ![在这里插入图片描述

我不是女神ヾ/ 2024年03月24日 09:15/ 0 赞/ 43 阅读

相关 vue-cli 项目结构

总体框架一个vue-cli的项目结构如下，其中src文件夹是需要掌握的 ![format_png][] uild——(webpack配置) build文件主要是web

缺乏、安全感/ 2023年07月19日 14:30/ 0 赞/ 8 阅读

相关 vue-cli#2.0项目结构分析

项目结构 build 构建工具相关的目录 config 配置目录 dist 通过工具打包生成的最终需要上线的目录 node\_modules

港控/mmm°/ 2023年06月04日 06:58/ 0 赞/ 11 阅读

相关【Vue】vue-cli 初始化项目的项目结构

目录 1. vue-cli 简介 2. vue-cli 安装 3. vue-cli初始

清疚/ 2023年02月20日 07:20/ 0 赞/ 61 阅读

相关 VUE项目学习（二）：学习项目文件结构

VUE项目学习（二）：学习项目文件结构 VUE项目结构： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow

分手后的思念是犯贱/ 2023年01月01日 03:51/ 0 赞/ 193 阅读

相关 Vue项目 - 项目文件介绍

推荐：[Vue汇总][Vue] Vue项目 - 项目文件介绍上一篇博客介绍了三种方式创建Vue项目：[Vue - vue create、vue ui、vue init

野性酷女/ 2022年12月26日 11:16/ 0 赞/ 199 阅读

相关（2）用vue写项目——项目文件结构

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p5ejAw

古城微笑少年丶/ 2022年04月15日 05:50/ 0 赞/ 237 阅读

相关（1）用vue写项目——项目准备

方法一： 1. 下载安装nodejs和git ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

╰+哭是因爲堅強的太久メ/ 2022年04月15日 05:43/ 0 赞/ 406 阅读

相关 vue.js项目结构

在上一篇项目搭建文章中，我们已经下载安装了node环境以及vue-cli，并且已经成功构建了一个vue-cli项目，那么接下来，我们来梳理一下vue-cli项目的

绝地灬酷狼/ 2021年09月14日 01:14/ 0 赞/ 358 阅读