vue搭建app, M端項目流程

思路：安裝sass預處理嵌套css，flex布局，flexible手機淘寶適配和fastclick移動300s延遲

打開cmd,使用命令行

   1.切換盤符：e:

   2.使用vue建立一個項目，具體請看我的隨筆博客，vue安裝錯誤詳情這一篇

   3.打開這個項目：cd my-project, 執行npm命令

   4.安裝sass預處理

           a，全局安裝 vue-cli    輸入： npm install --global vue-cli
           b ,  創建一個基於 webpack 模板的新項目  輸入： vue init webpack my-project
           c ,  安裝依賴 輸入：npm install
                為了使用sass，我們需要安裝sass的依賴包
                 輸入：npm install --save-dev sass-loader      //sass-loader依賴於node-sass
                 輸入：npm install --save-dev node-sass

         d, 在asset/css目錄下，引入mixin.scss和style.scss文件

            在main.js中引入，import axios from 'axios'
                                          import store from './store'
                                          import 'lib-flexible'
                                          import FastClick from 'fastclick'

          使用npm安裝 axios，lib-flexible，fastclick

          使用px2rem-loader自動將css中的px轉換成rem

         安裝px2rem-loader 輸入： npm install px2rem-loader --save-dev

  
   5.修改style標簽
           打開src目錄下的components目錄中的Hello.vue文件。
           然后修改 style標簽如下
             <style lang="sass">

         引用sass/scss 文件

         舉個例子  @import "./common/scss/mixin";

   6.然后運行項目

         輸入：npm run dev