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

相关推荐
子兮曰5 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰5 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万5 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝5 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
A黄俊辉A5 天前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
三十而立洋5 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁5 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
李少兄5 天前
JavaScript 隐式全局变量解析
javascript
honkun65 天前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vue.js·vxe-table
kybs19915 天前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net