点我 惠淘党 照着文档和google开发,只花了一个多星期。依赖包如下
{ "name": "vue-htd", "version": "1.0.0", "description": "Vue.js Project", "author": "", "private": true, "scripts": { "dev": "node build/dev-server.js", "build": "node build/build.js", "test": "" }, "dependencies": { "babel-runtime": "^6.0.0", "less-loader": "^4.0.4", "vue": "^1.0.21", "vue-echarts": "^2.4.0", "vue-scroll-loading": "^0.1.0", "vue-swiper": "^0.5.0" }, "devDependencies": { "babel-core": "^6.0.0", "babel-loader": "^6.0.0", "babel-plugin-transform-runtime": "^6.0.0", "babel-preset-es2015": "^6.0.0", "babel-preset-stage-2": "^6.0.0", "connect-history-api-fallback": "^1.1.0", "css-loader": "^0.23.1", "eventsource-polyfill": "^0.9.6", "express": "^4.13.3", "extract-text-webpack-plugin": "^1.0.1", "file-loader": "^0.8.4", "function-bind": "^1.0.2", "html-webpack-plugin": "^2.8.1", "http-proxy-middleware": "^0.12.0", "json-loader": "^0.5.4", "less": "^2.7.2", "ora": "^0.2.0", "shelljs": "^0.6.0", "style-loader": "^0.18.2", "url-loader": "^0.5.7", "vue-hot-reload-api": "^1.2.0", "vue-html-loader": "^1.0.0", "vue-loader": "^8.3.0", "vue-resource": "^0.7.0", "vue-router": "^0.7.13", "vue-style-loader": "^1.0.0", "vue-swipe": "^0.2.0", "vue-toast-mobile": "^0.0.6", "webpack": "^1.12.2", "webpack-dev-middleware": "^1.4.0", "webpack-hot-middleware": "^2.6.0", "webpack-merge": "^0.8.3" }, "main": "config.js", "keywords": [], "license": "ISC" }
其中没遇到什么比较难的技术点,因为以前使用过 angular1.js,所以基本上看着文档就上手了。vue.js 的路由和组件设计比较优雅简洁,还是挺不错的。