VUE系列:vue搭建M端项目流程

眉间皱痕 提交于 2019-12-24 05:19:51

思路:安装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标签如下

6.然后运行项目

     输入:npm run dev
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!