在使用vue構建手機端專案便捷開發過程中，需要在專案中配置常用的外掛，常用的依賴。具體構建步驟如下：

構建vue專案

1. 建立vue專案
Vue init webpack 檔名
2. 安裝專案依賴
npm install
3. 啟動專案
npm run dev

Vue專案預設不會自動開啟瀏覽器，需要在config資料夾下index.js中

將
autoOpenBrowser: false,
修改為
autoOpenBrowser: true,

通過上述步驟一個vue專案構建完成，接下來是安裝一些常用的外掛。

1.jquery
  cnpm install jquery –save-dev
  webpack.base.conf.js檔案中  
  ① const webpack = require("webpack")  
  ② module.exports 最後中新增  
  plugins: [  
    new webpack.optimize.CommonsChunkPlugin('common.js'),  
    new webpack.ProvidePlugin({  
      jQuery: "jquery",  
      $: "jquery"  
    })  
  ]  
  ③ 專案入口檔案main.js中引入  
  import $ from 'jquery'  
  Vue.prototype.$ = $  
  使用即可 
 

2.引入mint-ui
// 安裝# 
Vue 1.x
npm install [email protected] –S
# Vue 2.0
npm install mint-ui -S
在main.js中引入
// 引入全部元件
import Vue from 'vue';
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css'
Vue.use(Mint);
// 按需引入部分元件
import {Cell,Checklist} from 'minu-ui';
import 'mint-ui/lib/style.css'
Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);
 

4.引入全域性的urlconfig.js
export default {
  requrl: function () {
    var baseurl = 'request_baseurl'
    return {
      url: {
        name: '名稱',
        url: baseurl + 'req'
      },

    }
  }
}

5.引入手機端css適配的通用css
import './assets/css/normalize.css'

至此，通過上述的構建步驟，一個vue專案的手機端專案構建就完成了。本文結。