vue文件结构

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时的详细笔记,如有错误之处,还望各位指正。
文章为原创,如要转载请注明出处

相关推荐

  1. vue文件结构

    2024-03-16 10:12:01       20 阅读
  2. vue文件结构和API

    2024-03-16 10:12:01       21 阅读
  3. Ubuntu文件系统结构

    2024-03-16 10:12:01       28 阅读
  4. Vue.js 目录结构

    2024-03-16 10:12:01       18 阅读
  5. VUE: 处理 PDF文件

    2024-03-16 10:12:01       62 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-16 10:12:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-16 10:12:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-16 10:12:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-16 10:12:01       20 阅读

热门阅读

  1. Spring 初学者遇到的问题

    2024-03-16 10:12:01       20 阅读
  2. 什么是多模态学习?

    2024-03-16 10:12:01       24 阅读
  3. C#使用Entity Framework Core处理数据库(二)

    2024-03-16 10:12:01       19 阅读
  4. 要导出 PostgreSQL 数据库中的数据使用 pg_dump 命令

    2024-03-16 10:12:01       20 阅读
  5. android 快速实现 Switch 样式

    2024-03-16 10:12:01       21 阅读
  6. 完美十进制数——去年天梯校赛

    2024-03-16 10:12:01       21 阅读
  7. python面试题

    2024-03-16 10:12:01       20 阅读
  8. 独立服务器的优势

    2024-03-16 10:12:01       18 阅读
  9. 每天学习一个Linux命令之ssh

    2024-03-16 10:12:01       21 阅读
  10. 泰勒级数、海森矩阵、雅可比矩阵

    2024-03-16 10:12:01       21 阅读