创建一个VUE项目（介绍项目结构）

创建vue项目流程

1.安装node.js

2.安装webpack环境

3.安装vue-cli

4.创建vue项目

5.安装依赖包

6.运行项目

---

---

原作者：

https://blog.csdn.net/pacholy/article/details/83894137

---

---

补充：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

配置路由

插件

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

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

使用插件
通过全局方法 Vue.use() 使用插件：
Vue.use(插件)
 ———————————————— 
版权声明：本文为CSDN博主「苏七的猫」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/pacholy/article/details/83894137