VUE 目录介绍

更新升级(npm - i)之后最终目录如下:

total 1672

drwxr-xr-x 18 testrose staff 576 8 22 02:53 .

drwxr-xr-x 24 testrose staff 768 8 22 02:50 ..

-rw-r--r-- 1 testrose staff 402 8 22 02:52 .babelrc

-rw-r--r-- 1 testrose staff 147 8 22 02:52 .editorconfig

-rw-r--r-- 1 testrose staff 51 8 22 02:52 .eslintignore

-rw-r--r-- 1 testrose staff 791 8 22 02:52 .eslintrc.js

-rw-r--r-- 1 testrose staff 213 8 22 02:52 .gitignore

-rw-r--r-- 1 testrose staff 246 8 22 02:52 .postcssrc.js

-rw-r--r-- 1 testrose staff 537 8 22 02:52 README.md

drwxr-xr-x 10 testrose staff 320 8 22 02:52 build

drwxr-xr-x 6 testrose staff 192 8 22 02:52 config

-rw-r--r-- 1 testrose staff 267 8 22 02:52 index.html

drwxr-xr-x 1134 testrose staff 36288 8 22 02:53 node_modules

-rw-r--r-- 1 testrose staff 815254 8 22 02:54 package-lock.json

-rw-r--r-- 1 testrose staff 2681 8 22 02:52 package.json

drwxr-xr-x 7 testrose staff 224 8 22 02:52 src

drwxr-xr-x 3 testrose staff 96 8 22 02:52 static

drwxr-xr-x 4 testrose staff 128 8 22 02:52 test

1、build:构建脚本目录

1)build.js ==> 生产环境构建脚本;

2)check-versions.js ==> 检查npm,node.js版本;

3)utils.js ==> 构建相关工具方法;

5)webpack.base.conf.js ==> webpack基本配置;

6)webpack.dev.conf.js ==> webpack开发环境配置;

7)webpack.prod.conf.js ==> webpack生产环境配置;

2、config:项目配置

1)dev.env.js ==> 开发环境变量;

2)index.js ==> 项目配置文件;

3)prod.env.js ==> 生产环境变量;

3、node_modules:npm 加载的项目依赖模块

4、src:这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:

1)assets:资源目录,放置一些图片或者公共js、公共css。这里的资源会被webpack构建;

2)components:组件目录,我们写的组件就放在这个目录里面;

3)router:前端路由,我们需要配置的路由路径写在index.js里面;

4)App.vue:根组件;

5)main.js:入口js文件;

5、static:静态资源目录,如图片、字体等。不会被webpack构建

6、index.html:首页入口文件,可以添加一些 meta 信息等

7、package.json:npm包配置文件,定义了项目的npm脚本,依赖包等信息

8、README.md:项目的说明文档,markdown 格式

9、.xxxx文件:这些是一些配置文件,包括语法配置,git配置等

相关推荐
大橙子额38 分钟前
【解决报错】Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘
前端·javascript·vue.js
WooaiJava2 小时前
AI 智能助手项目面试技术要点总结(前端部分)
javascript·大模型·html5
LYFlied2 小时前
从 Vue 到 React,再到 React Native:资深前端开发者的平滑过渡指南
vue.js·react native·react.js
爱喝白开水a2 小时前
前端AI自动化测试:brower-use调研让大模型帮你做网页交互与测试
前端·人工智能·大模型·prompt·交互·agent·rag
Never_Satisfied2 小时前
在JavaScript / HTML中,关于querySelectorAll方法
开发语言·javascript·html
董世昌412 小时前
深度解析ES6 Set与Map:相同点、核心差异及实战选型
前端·javascript·es6
B站_计算机毕业设计之家2 小时前
豆瓣电影数据采集分析推荐系统 | Python Vue Flask框架 LSTM Echarts多技术融合开发 毕业设计源码 计算机
vue.js·python·机器学习·flask·echarts·lstm·推荐算法
WeiXiao_Hyy3 小时前
成为 Top 1% 的工程师
java·开发语言·javascript·经验分享·后端
吃杠碰小鸡3 小时前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone3 小时前
C#使用Aspose.Words把 word转成图片
前端·c#·word