zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Linux7运维视频教程
    大型C++网络游戏开发视频教程
    Hadoop实战视频教程下载
    Greenplum分布式数据库开发入门到精通
    Greenplum Hadoop视频教程_Hadoop应用案例剖析
    Linux7企业级运维高端培训视频教程
    咯咯咯
    第五周作业
    数组
    2019年春季学期第三周作业
  • 原文地址:https://www.cnblogs.com/fron-tend/p/9809387.html
Copyright © 2011-2022 走看看