Vue 脚手架

Vue脚手架

Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。

下面介绍三种 Vue.js 的安装方法：

1.独立版本
我们可以在Vue.js的官网上直接下载vue.js,并在.html中通过 开发环境不要使用最小压缩版，不然会没有错误提示和警告！（页面中直接使用）

使用vue多页面开发：

• 引入vue.js
• 创建一个vue根实例 new Vue({选项})

2.使用CDN方法

• BootCDN（国内） : https://cdn.bootcss.com/vue/2.2.2/vue.min.js ， （国内不稳定）
• unpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。（推荐使用）
• cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js，如
  （<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>）

3.NPM方法（推荐使用）
在用Vue.js构建大型应用的时候推荐使用NPM安装方法，NPM能很好的和诸如Webpack或者Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。

首先，先列出我们接下来需要的东西：

• node.js环境（npm包管理器）
• vue-cli 脚手架构建工具
• cnpm npm的淘宝镜像

一、搭建vue的开发环境

1.必须安装node.js
2.搭建vue的开发环境，安装vue的脚手架工具 官方命令行工具(npm install - -global vue-cli)
3.创建项目 必须cd到对应的一个项目里面
(文件结构)