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

古城微笑少年丶 2022-04-15 05:50 189阅读 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 条评论，189人围观）

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

相关阅读

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

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

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

相关 vue cli项目结构

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

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

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

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

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

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

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

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

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

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

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

相关用vue+webpack搭建的前端项目结构

上个项目第一次用到vue+webpack，也是我第一次尝试自动化、模块化的开发方式，总的来说就是结构太烂，开发体验差，效率低，难维护。细数的罪状有如下几条没有serv

男娘i/ 2022年07月16日 03:21/ 0 赞/ 173 阅读

相关 Android项目文件结构

Android项目文件结构分析一、Android项目文件结构首先，我们在AndroidStudio里创建一个新项目，以下为此新建项目的文件目录截图 ![这里写

朱雀/ 2022年05月22日 11:56/ 0 赞/ 177 阅读

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p5ejAw

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

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

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

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

相关 vue.js项目结构

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

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