前言
vue2.0发布了，那么还在用vue1.x的你，是不是也有所心动呢？下面这篇文章就给大家详细介绍基于Vue2的移动端开发环境搭建的详细步骤，下面来一起看看吧。
一、vue-cli
首先还是介绍我们的脚手架工具，因为它能让我们省去大部分的配置时间，这里只给出简单步骤，保证你的命令顺利运行的前提是安装最新版本的 node 和 npm，这里不赘述升级流程
全局安装 vue-cli
借此也全局安装一个 webpack
注意这里可能会有坑，墙内的用户安装失败，没关系，我们先安装淘宝镜像
然后通过以下命令安装 webpack
注：
下面 orange 默认给出 npm 的安装方案，安装失败请自行转为 cnpm 安装在需要创建工程的位置运行
或者创建 vue1.0 的项目，只需将命令换成
这里我们基于 2.x 开发的，直接使用第一种方法创建工程即可，下图是创建工程时的截图，需要你添加 Project name，Project description，Author.
图中已经给出下一步应该操作的步骤，我们按照步骤一步一步执行，这里 orange 不给大家一步一步列出。
注意：这里一定要使用 npm install 安装官方库，而不要使用淘宝镜像，会导致部分依赖丢失。
安装完成后，目录如下图。
这里注意观察，默认给我们八个链接，可以根据这几个链接获得我们想要的学习资源，上面是必要的的链接（官方文档以及关注 vue 动态），下面是 vue 的生态系统，大家亲切的叫它们为全家桶。
二、Vue 全家桶
我们接下来介绍全家桶的安装（使用详情大家可以去初始页面的链接查看）
一句命令搞定全家桶
package.json 已经加入了我们的全家桶，node_modules 目录下也有对应的依赖包，注意这里现在还不能用扩展之后的方法，因为我们没引入到项目中来。
src/main.js 修改如下
Vue.use(VueResource)
Vue.use(VueRouter)
Vue.use(Vuex)
new Vue({
el: '#app',render: h => h(App)
})
这时我们的项目就能运行对应的扩展方法了
三、集成 Sass
作为移动端的开发怎么能缺少 css 预编译语言。sass 安装需要几个依赖。
我们干脆在 package.json 把版本写死，然后通过 npm install 安装
在 "devDependencies": {} 中添加下面几个依赖
好，我们 npm install 后，就可以正式使用 sass 啦
四、目录结构建议
依赖的安装到这里差不多结束了，其它大家需要的可以自定义安装
下面给出我的目录建议供大家参考，
这里的 img 目录放置图片，script 目录放置公共的工具函数，style 目录放置我们的 sass 文件，
你查看 App.vue 文件时不难发现，默认的把样式文件给到了模块里，这样样式一直跟着模块
orange 建议大家不要这样做，因为这样十分不利于样式的模块化，注意区分与模版模块化的区别，
我们单独设置 style 目录，并在目录当中对 sass 进行模块化处理（通过 import 引入 sass 模块）
对应的 App.vue 也变得非常简洁，代码如下