VUE 目录介绍

news/2024/11/16 20:30:56/

更新升级(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配置等


http://www.ppmy.cn/news/1052860.html

相关文章

docker-compose部署服务

1. 安装docker-compose 1.1 手动下载地址 https://github.com/docker/compose/releases shell命令下载 $ sudo curl -L https://github.com/docker/compose/releases/download/2.17.12/docker-compose-uname -s-uname -m -o /usr/local/bin/docker-compose1.2 添加执行权限 …

SQL注入原理

SQL、SQL注入是什么? 结构化查询语言(Structured Query Language,SQL),是一种特殊的编程语言,用于数据库的标准数据查询。1986 年10 月美国国家标准协会对SQL 进行了规范后,以此作为关系型数据库系统的标准语言。1987 …

web基础+HTTP协议+httpd详细配置

目目录录 一、Web基础1.1 HTML概述1.1.1 HTML的文件结构1.1.2 HTML中的部分基本标签 1.3 MIME1.4 URI 和 URL1.4 定义1.4.2 URI 和 URL 的区别 二、静态资源和动态资源2.1 静态资源2.2 动态资源 三、HTTP协议3.1 HTTP协议简介3.2 HTTP协议版本3.2 HTTP方法3.3 HTTP请求访问的完…

[SpringBoot3]Web服务

五、Web服务 基于浏览器的B/S结构应用十分流行。SpringBoot非常适合Web应用开发,可以使用嵌入式Tomcat、Jetty、Undertow或Netty创建一个自包含的HTTP服务器。一个SpringBoot的Web应用能够自己独立运行,不依赖需要安装的Tomcat、Jetty等。SpringBoot可以…

Arduino驱动甲醛气体传感器(气体传感器篇)

目录 1、传感器特性 2、硬件原理图 3、控制器和传感器连线图 4、驱动程序 甲醛是一种有特殊刺激气味的气体,对人的眼睛和鼻子有强烈的刺激作用。若空气中甲醛浓度过高,比如新装修的房子、新买的汽车等,可引起中毒反应,严重的可致癌。 本项目可方便的确测量空气中甲醛气…

kafka-python 消费者消费不到消息

排除步骤1: 使用group_id”consumer_group_id_001“ 和 auto_offset_reset"earliest" from kafka import KafkaConsumerconsumer KafkaConsumer(bootstrap_servers["dev-kafka01.test.xxx.cloud:9092"],enable_auto_commitTrue, auto_commit…

ZigBee的Many-to-One和Source Routing

1. Many-to-One Routing Many-to-One Routing,是一种简单的路由机制,使得整个网络中的路由设备拥有回到中心节点的路由。 在这种机制下,中心节点周期性发送Many-to-One route discovery广播(协议栈默认设置为60s,可以…

[oneAPI] 基于BERT预训练模型的英文文本蕴含任务

[oneAPI] 基于BERT预训练模型的英文文本蕴含任务 Intel DevCloud for oneAPI 和 Intel Optimization for PyTorch基于BERT预训练模型的英文文本蕴含任务语料介绍数据集构建 模型训练 结果参考资料 比赛:https://marketing.csdn.net/p/f3e44fbfe46c465f4d9d6c23e38e0…