Vue学习心得

项目使用 vue

组件库使用 Element

模拟数据使用 Easy Mock 

 

        以下是个人的理解                     （๑乛◡乛๑）

 

1、vue 项目目录结构详解

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

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

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

node_modules 是npm 加载的项目依赖

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

assets：放置一些图片

components：放置组件文件

main.js：项目的核心文件

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

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

index.html 是首页入口文件

package.json 是项目配置文件

App.vue：项目入口文件（可以将组件写在此处，而不使用 components 目录） README.md 项目的说明文档 

　　

2、package.json

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

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

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

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