vue项目心得总结

项目使用 vue ，库使用 element，模拟数据使用 easy mock 。

项目线上网址：

1、vue 项目目录结构详解

安装好 vue.js 后，生成的目录众多，在此对其进行目录解析

build 文件是项目构建 webpack 相关代码

config 是配置目录，包括端口号等

node_modules 是npm 加载的项目依赖

src 是我们需要开发的目录，包含的几个目录及文件：

assets：放置一些图片

components：放置组件文件

app.vue：项目入口文件（可以将组件写在此处，而不使用 components 目录）

main.js：项目的核心文件

static 是静态资源目录，如图片、字体等

.xxxx 都是配置文件，包括语法配置、git配置等

index.html 是首页入口文件

package.json 是项目配置文件

readme.md 项目的说明文档

2、package.json

package.json 中的 dependencies 是指定了项目运行所依赖的模块

package.json 中的 devdependencies 是指定了项目开发所需要的模块

--save 表示将该模块写入 dependencies 属性

--save-dev 表示将该模块写入 devdependencies 属性