如何快速创建一个VUE项目（介绍项目结构）

创建vue项目流程

1.安装node.js
首先查看一下你的node.js是否安装成功，如果安装成功第一步可以略过。
验证是否安装成功
node -v #查看nodejs版本号 比如：v8.4.0
如果未安装，windows 在官网下载安装包，直接安装即可
nodejs中文网：http://nodejs.cn/

2.安装webpack环境
npm install webpack -g

3.安装vue-cli
npm install vue-cli -g

4.创建vue项目
命令：
vue init webpack

1. Project name 项目名称

2. Project description 项目的描述

3. Author 作者

4. Install vue-router 是否安装vue-router y

5. Use ESLint to lint your code 是否使用eslint js代码规范 n

6. Setup unit tests 是否使用单元测试 n

7. Setup e2e tests with Nightwatch? 是否使用端对端测试 n

5.安装依赖包
npm i 或者 yarn install

6.运行项目
npm run dev
或
npm start
浏览器输入的http://localhost:8080，这个时候
你就能在浏览器中看到这个效果

补充：vue 项目结构介绍

1. build/
   webpack配置参数

2. config/
   是vue项目的配置文件

3. node_modules/
   node.js 模块包

4. src/
   源代码
   我们写的代码 大都放在这个文件下

5. static/
   静态资源 （只供index.html使用）

6. .babelrc
   babel的编译参数

7. .gitignore
   git 忽略的配置文件

8. index.html
   项目入口（单入口项目的入口）

9. package.json
   node.js项目的配置文件

10. README.md
    git的项目 说明文件

src/ 工作目录介绍

1. assets/
   静态资源 （只供src下文件使用）

2. components/
   组件

3. router
   路由

4. App.vue
   根组件

5. main.js
   js入口文件

单文件组件
App.vue 就是一个单文件组件
访问流程

1. index.html
   webpack 通过 main.js生成的
   打包生成
   app.js

2. main.js
   加载 根组件
   App.vue
   加载了路由
   src/router/index.js

3. 配置路由

插件

插件通常会为 Vue 添加全局功能。

1. 开发插件（了解）
   插件种类：
   (1) 添加全局方法或者属性，如: vue-custom-element
   (2) 添加全局资源：指令/过滤器/过渡等，如 vue-touch
   (3) 通过全局 mixin 方法添加一些组件选项，如: vue-router
   (4) 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。
   (5) 一个库，提供自己的 API，同时提供上面提到的一个或多个功能，如 vue-router

Vue.js 的插件应当有一个公开方法 install

2. 使用插件
   通过全局方法 Vue.use() 使用插件：
   Vue.use(插件)