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