思路:安裝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