Vue.js高仿饿了么外卖APP(一)骨架搭建遇到的问题

骨架

  • reset.css 初始化css的默认样式
  • <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimun-scale=1.0,user-scalable=no">
    width - viewport的宽度 height - viewport的高度
    initial-scale - 初始的缩放比例
    minimum-scale - 允许用户缩放到的最小比例
    maximum-scale - 允许用户缩放到的最大比例
    user-scalable - 用户是否可以手动缩放
  • 强制要求加分号 在.eslintrc.js文件中
    这里写图片描述

  • 在当前目录下 cmd-npm run dev 随时监听当前项目 注意查看报错信息

  • 在sublime项目中查找关键字 find-倒数第二个 find in files…
  • 在sublime安装vue插件http://www.cnblogs.com/Worssmagee1002/p/6929950.html

-在App.vue中有import进入,进入的那个组件中就必须有export出口

这里写图片描述
-eol-last 光标需要在最末尾一行回车(????????)
这里写图片描述
-浏览器的报错也不可忽视。这个意思是自定义组件header和原生标签名重名了。

引用组件的方式
这里写图片描述

这里写图片描述

<style lang="stylus" rel="stylesheet/stylus"></style>
  • vue-route官网 https://router.vuejs.org/zh-cn/
  • Unexpected tab character问题解决方法http://blog.csdn.net/lvkelly/article/details/73198413
  • Expected indentation of 2 spaces but found 2 tabs 预期的缩进的2个空格字符,但发现0
  • 选中所有行 tab+shift 取消每行一个缩进
  • ” ./ ” “../” 这个就是相对路径, 分别表示当前目录,上一级目录。
  • router.map is not a function http://blog.csdn.net/gaoxiaoba/article/details/52813867
  • router1.0和2.0不一样的第一点http://blog.csdn.net/shan1991fei/article/details/67638082
  • chrome手机调试模式下鼠标小圆点消失 :暂时的解决办法是:控制面板-鼠标-指针选项-勾选指针轨迹,然后将指针轨迹设置最短。因为我的笔记本是核显输出的机器,如果是独显输出的笔记本可以:
    显卡控制面板里选择「显示-量化范围」(在nvidia那边叫动态范围)-勾上「全范围」-保存
  • vue.js 1.0中语句router.go在 2.0中可用
    // 在创建vue实例并挂载后调用
    router.push('/goods')

    实现。

  • 移动端物理像素和逻辑像素问题(2倍)http://blog.csdn.net/aiolos1111/article/details/51967744

  • 在手机上查看本地服务器上的文件(前提是电脑和手机用的同一个局域网) cmd中ipconfig查看ip,用ip替换http://localhost:8080/#/goods中的localhost,将这个地址复制到草料文本二维码生成器用手机扫描打开。
  • expected “indent”, got “.” 预期是空格但得到的是. 加个空格就好了。
  • 使用min-device-pixel-ratio媒体功能实现真正的1像素borderhttp://blog.csdn.net/zzxboy1/article/details/56016475
  • app.vue组件(header的父组件)发送ajax请求获取商家信息,数据通过header的poXXXX属性
  • http://www.jianshu.com/p/3ce2bd36596e
  • https://www.npmjs.com/package/vue-resource
  • Missing space before function parentheses 我直接让它:0了
  • 安装 在 package.json依赖中添加版本号,cmd当前目录下npm installl
  • http://localhost:8088/api/seller 404 (Not Found):
  • 需要在build dev-server.js文件中配置(位于var app = express()之后)
var appData = require('../data.json');
var seller = appData.seller;
var goods = appData.goods;
var ratings = appData.ratings;
var apiRoutes = express.Router();
apiRoutes.get('/seller',function(req,res){
  res.json({
    errno:0,
    data:seller
  });
});

apiRoutes.get('/goods',function(req,res){
  res.json({
    errno:0,
    data:goods
  });
});

apiRoutes.get('/ratings',function(req,res){
  res.json({
    errno:0,
    data:ratings
  });
});

app.use('/api',apiRoutes);
  • span是行内元素,对行内元素设置宽高是不生效的。需要设置它的display等于inline-block。

以上就是在利用vue-cli骨架搭建时遇到的问题。

猜你喜欢

转载自blog.csdn.net/joseydon/article/details/78045595