一、安装和运行

1、安装【npm install -g vue-cli】

2、用法【vue init】【例如: vue init webpack my-project】

3、安装依赖模块【npm install】【否则运行不了项目】

4、运行项目【vue run dev】这里是开发环境


二、简单介绍目录结构

1、build目录是一些webpack的文件，配置参数什么的，一般不用动

2、config是vue项目的基本配置文件

3、node_modules是项目中安装的依赖模块

3、src源码文件夹，基本上文件都应该放在这里。

—assets 资源文件夹，里面放一些静态资源

—components这里放的都是各个组件文件

—App.vue App.vue组件

—main.js入口文件

4、static生成好的文件会放在这个目录下。

5、test测试文件夹，测试都写在这里

6、根目录下文件

.babelrc babel编译参数，vue开发需要babel编译

.editorconfig 看名字是编辑器配置文件，不晓得是哪款编辑器，没有使用过。

.gitignore 用来过滤一些版本控制的文件，比如node_modules文件夹

index.html 主页

package.json 项目文件，记载着一些命令和依赖还有简要的项目描述信息

README.md 介绍自己这个项目的，想怎么写怎么写。不会写就参照github上star多的项目，看人家怎么写的

三、详细介绍几个文件

1、package.json文件包括基本信息外还有dependencies：项目发布时的依赖【生产环境】、devDependencies：项目开发时的依赖【开发环境】、scripts：编译项目的一些命令

2、index.html 入口静态html文件【和平时普通的html文件一样引入文件和书写基本信息，添加meta标签等。】

3、main.js js入口文件【引入一些插件或静态资源，当然引入之前要先安装了该插件，在package.json文件中有记录。】

4、App.vue 入口组件【包含三个部分，一个是模板，一个是script，一个是样式】


四、--save-dev 和 --save 以及不加 --save【在 package.json 文件里面提现出来的区别就是】

1、使用 --save-dev 安装的 插件，被写入到 devDependencies 对象里面去，

2、使用 --save 安装的插件，责被写入到 dependencies 对象里面去。

3、不适用--save 安装插件，不添加到依赖列表中