思路:安装sass预处理嵌套css,flex布局,flexible手机淘宝适配和fastclick移动300s延迟css
打开cmd,使用命令行vue
1.切换盘符:e:node
2.使用vue创建一个项目,具体请看个人随笔博客,vue安装错误详情这一篇webpack
3.打开这个项目:cd my-project, 执行npm命令ios
4.安装sass预处理web
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-sassvue-cli
d, 在asset/css目录下,引入mixin.scss和style.scss文件npm
在main.js中引入,import axios from 'axios'
import store from './store'
import 'lib-flexible'
import FastClick from 'fastclick'axios
使用npm安装 axios,lib-flexible,fastclicksass
使用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