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配置等

相关推荐
行者96几秒前
Flutter适配OpenHarmony:高效数据筛选组件的设计与实现
开发语言·前端·flutter·harmonyos·鸿蒙
Van_Moonlight5 分钟前
RN for OpenHarmony 实战 TodoList 项目:底部 Tab 栏
javascript·开源·harmonyos
Van_Moonlight6 分钟前
RN for OpenHarmony 实战 TodoList 项目:浮动添加按钮 FAB
javascript·开源·harmonyos
Serendipity-Solitude9 分钟前
HTML 五子棋实现方法
前端·html
frontend_frank10 分钟前
脱离 Electron autoUpdater:uni-app跨端更新:Windows+Android统一实现方案
android·前端·javascript·electron·uni-app
PieroPC11 分钟前
用FastAPI 一个 后端 和 两个前端 原生HTML/CSS/JS 、Vue3 写一个博客系统 例
前端·后端
wulijuan88866614 分钟前
BroadcastChannel API 同源的多个标签页可以使用 BroadcastChannel 进行通讯
前端·javascript·vue.js
kilito_0119 分钟前
数字时钟翻页效果
javascript·css·css3
Van_Moonlight19 分钟前
RN for OpenHarmony 实战 TodoList 项目:今日任务数量统计
javascript·开源·harmonyos
逝川长叹28 分钟前
利用 SSI-COV 算法自动识别线状结构在环境振动下的模态参数研究(Matlab代码实现)
前端·算法·支持向量机·matlab