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

骨架

• reset.css 初始化css的默认样式
• 
  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和原生标签名重名了。

引用组件的方式

• 移动端经典布局方式Flex布局
• 在v-cli中解决无法使用stylus的问题
  http://blog.csdn.net/xqnode/article/details/59777793
  下载那步也可以直接 npm install 注意在style处写明

<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骨架搭建时遇到的问题。