用 vue 从零开始写一个项目

20,069 阅读1分钟

说明

1 练手项目,比较简单、但是是一个完整的项目架子,有兴趣的可以自己拉下来看看改改。
2 这段时间比较忙,天气预报页面做的特别粗糙、代码也写的有些乱,暂时搞一个段落。
3这个项目是我作为新手的学习项目,实现了省市区选择、添加加载、不同天气信息切换、基本上正式项目中用到的模块都有涉及。适合想学vue的朋友入门学习资料。 4技术栈是Vue+VueRouter+webpack+Less+VueResource+VueTouch。

参考资料列表:

github.com/huang303513…
cn.vuejs.org/v2/guide/

项目结构说明:

img

演示:

img

运行步骤:

1 进入WeatherVue目录
2 npm install安装依赖初始化项目
3 npm run dev运行项目
4用浏览器打开localhost:8080查看运行效果

打包运行步骤:

npm run build