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标签如下