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

相关推荐
醉方休几秒前
开发一个完整的Electron应用程序
前端·javascript·electron
故作春风7 分钟前
手把手实现一个前端 AI 编程助手:从 MCP 思想到 VS Code 插件实战
前端·人工智能
不会算法的小灰14 分钟前
Vue.js 基础教程:从入门到实践
前端·javascript·vue.js
掘金一周18 分钟前
没开玩笑,全框架支持的 dialog 组件,支持响应式| 掘金一周 11.6
前端·人工智能
拉不动的猪31 分钟前
浏览器&Websocket&热更新
前端·javascript·vue.js
那些免费的砖42 分钟前
Reka UI - 一款免费开源的 Vue 无头 UI 组件库,样式定制开发项目的绝佳选择
vue.js·ui·开源
Never_Satisfied1 小时前
在JavaScript中,将包含HTML实体字符的字符串转换为普通字符
开发语言·javascript·html
im_AMBER1 小时前
React 12
前端·javascript·笔记·学习·react.js·前端框架
开开心心就好1 小时前
电脑音质提升:杜比全景声安装详细教程
java·开发语言·前端·数据库·电脑·ruby·1024程序员节
午安~婉1 小时前
HTML CSS八股
前端·css·html