vue项目目录 项目流程 组成部分
- vue项目目录###
-
build 项目构建(webpack)相关代码
-
config 配置目录,包括端口号等。我们初学可以使用默认的。
-
node_modules npm 加载的项目依赖模块
-
src这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面 包含了几个目录及文件:
assets: 放置一些图片,如logo等。
components: 目录里面放了一个组件文件,可以不用。
App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。
main.js: 项目的核心文件。 -
static 静态资源目录,如图片、字体等。
-
test 初始测试目录,可删除
-
.xxxx文件 这些是一些配置文件,包括语法配置,git配置等。
-
index.html 首页入口文件,你可以添加一些 meta 信息或统计代码啥的。
-
package.json 项目配置文件。
-
README.md 项目的说明文档,markdown 格式
2.打开vue项目流程
index.html ==> main.js ==>app.vue
这个流程对你理解vue项目的运行有很大帮助(个人经验)
.vue
文件由哪几部分构成(3)- temlate //节点
<template></template>
- script //逻辑
- style //样式
- temlate //节点
以.vue
结尾的文件是:组件