Vue学习心得

项目使用 vue

组件库使用 Element

模拟数据使用 Easy Mock 

 

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

 

1、vue 项目目录结构详解

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

安装好 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

?

1 2 3 4 5 6 7

package.json 中的 dependencies 是指定了项目运行所依赖的模块   package.json 中的 devDependencies 是指定了项目开发所需要的模块   --save 表示将该模块写入 dependencies 属性   --save-dev 表示将该模块写入 devDependencies 属性