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

相关推荐
淡漠的蓝精灵1 小时前
web.py:一个简单到极致的 Python Web 框架
开发语言·前端·python·其他
开开心心就好2 小时前
竖式除法出题工具,整除余数混合模式
运维·服务器·前端·javascript·ocr·perl·1024程序员节
起个名字费劲死了2 小时前
Halcon学习一:骰子识别
前端·python·学习
大江东去浪淘尽千古风流人物2 小时前
【HexVIO】DSP卸载双目惯性VIO:Hexagon向量化前端与单帧融合调度深度解析
前端·状态模式·slam·dsp·vio·hexagon·移动端加速
এ慕ོ冬℘゜2 小时前
JS 事件循环、宏任务微任务:单线程底层原理 + 执行顺序
开发语言·javascript·ecmascript
其实防守也摸鱼2 小时前
Chrome 扩展安全攻防实录:从攻击面到防御实践
开发语言·前端·网络·chrome·安全·web安全·php
web打印社区2 小时前
Lodop排障总纲-常见报错一张表
开发语言·前端·javascript·chrome·websocket
李剑一2 小时前
为什么几乎所有的知名开源项目都是外国人写的?
前端·ai编程·deepseek
小郎君6582 小时前
(一)为什么表单需要第三种状态:disabled、readonly 与纯文本展示
前端·vue.js
计算机魔术师2 小时前
1.4万亿没人接,OpenAI自己砍了1500亿
前端