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

转载于:https://www.cnblogs.com/fron-tend/p/9809387.html