仿饿了么项目-vue的学习笔记总目录

3,102 阅读1分钟
原文链接: www.godblessyuan.com

备注:这个项目刚开始是用 vue1写的,后面改为了 vue2,并且鉴于 vue-resource 已经不维护了,改为axios, 这是需要特别注意的.

详细的目录就在这里:
www.godblessyuan.com/tag/vue%E4%…

支持正版,人人有责.

总结:

  1. 里面的内容很干,对于学习了一段日子的前端来说,相当于打开了一个新世界大门,不过相对而言铺天盖地的新事物会有点吃不消,这个不可操之过急,所谓师傅领进门,修行靠个人.
  2. 上面是我自己总结的整个学习过程的一些记录,可能直接看会比较懵逼,不过如果结合视频来看的话,应该还是会有点帮助的,希望能够帮到其他人.
  3. 支持正版!

软件版本提要:(摘取 package.json的软件版本信息)

  "dependencies": {
    "vue": "^2.2.2",
    "vue-router": "^2.3.0",
    "vue-resource": "^1.2.1",
    "babel-runtime": "^6.0.0",
    "better-scroll": "^0.1.15"
  },
  "devDependencies": {
    "autoprefixer": "^6.7.2",
    "babel-core": "^6.22.1",
    "babel-eslint": "^7.1.1",
    "babel-loader": "^6.2.10",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-preset-env": "^1.2.1",
    "babel-preset-stage-2": "^6.22.0",
    "babel-register": "^6.22.0",
    "chalk": "^1.1.3",
    "connect-history-api-fallback": "^1.3.0",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.26.1",
    "eslint": "^3.14.1",
    "eslint-config-standard": "^6.2.1",
    "eslint-friendly-formatter": "^2.0.7",
    "eslint-loader": "^1.6.1",
    "eslint-plugin-html": "^2.0.0",
    "eslint-plugin-promise": "^3.4.0",
    "eslint-plugin-standard": "^2.0.1",
    "eventsource-polyfill": "^0.9.6",
    "express": "^4.14.1",
    "extract-text-webpack-plugin": "^2.0.0",
    "file-loader": "^0.10.0",
    "friendly-errors-webpack-plugin": "^1.1.3",
    "function-bind": "^1.1.0",
    "html-webpack-plugin": "^2.28.0",
    "http-proxy-middleware": "^0.17.3",
    "opn": "^4.0.2",
    "optimize-css-assets-webpack-plugin": "^1.3.0",
    "ora": "^1.1.0",
    "rimraf": "^2.6.0",
    "semver": "^5.3.0",
    "stylus": "^0.54.5",
    "stylus-loader": "^2.1.1",
    "url-loader": "^0.5.7",
    "vue-loader": "^11.1.4",
    "vue-resource": "^1.2.1",
    "vue-router": "^2.3.0",
    "vue-style-loader": "^2.0.0",
    "vue-template-compiler": "^2.2.4",
    "webpack": "^2.2.1",
    "webpack-bundle-analyzer": "^2.2.1",
    "webpack-dev-middleware": "^1.10.0",
    "webpack-hot-middleware": "^2.16.1",
    "webpack-merge": "^2.6.1"
  },
  "engines": {
    "node": ">= 4.0.0",
    "npm": ">= 3.0.0"
  },

备注:

  1. Vue.js 高仿饿了么外卖 App 课程源码,课程地址
  2. 作者Ustbhuangyi是《Vue.js权威指南》一书的主要作者,感谢作者。
  3. 项目github地址:github.com/ustbhuangyi…
  4. 项目演示地址:vuejssellapp.t.imooc.io/#!/goods