vue文件结构





1. 项目启动

npm run serve
npm run dev (vue2.0)

运行项目:找到项目根目录,输入cmd进入目录,执行npm run serve


2. 项目结构的分析

readme.md — 不需要我们关注/开发
对项目的说明、如何使用等等。vue中的这个文件中主要写的是vue团队提供给我们的一些基本命令。

.gitignore — 暂时不需要我们关注
这是一个git的忽略文件,哪些文件或者文件夹不想接受git的管理的,就可以在这个文件中配置

babel.config.js — 重要的,但是一般不需要我们自己开发
babel的控制文件,用于babel进行转化语法的

package.json
项目配置说明文件,里面包含一些名称、版本以及依赖和基本命令

node_ modules---- 重要的,但是一般不需要手动操作
存放的是项目中所需要的依赖文件

vue.config.js
vue.config.js是一个可选的配置文件,(了解: 未来如果需要解决跨域问题,需要在该配置文件中配置代理)

public里面就是一个图标和htm|文件
src ----很重要
  assets文件夹 ---- 一般就是存储静态资源(图片,音频,视频…)。
  components文件夹 ---- 存放组件
  router文件夹 ---- 存放的就是路由文件
  views文件夹 ---- 存放组件
    components文件夹和views文件夹
    一般: components文件夹中放的是局部可重复使用的组件;
    views文件夹中放的是较完整的大的组件,类似一个完整页面
App.vue主组件,项目启动看到就是App.vue组件中的内容
main.js程序的入门,执行npm run serve,就会执行main.js



本篇博客为本人学习Vue时的详细笔记,如有错误之处,还望各位指正。
文章为原创,如要转载请注明出处

03-16 07:42