A Vue.js project
技术栈
- eslint:js代码规范
- better-scroll.js 插件,实现平滑滚动效果
- Vue.js:一个前端 MVVM 框架,主要思想是双向数据绑定和组件化
- vue-cli:Vue.js 官方提供的一个脚手架工具,提供的一些基础的代码结构
- vue-router:创建单页面应用,将组件映射到路由,进行切换
- vue-resource:Vue.js插件,提供了使用 XMLHttpRequest 或 JSONP 进行Web请求和处理响应的服务
- webpack:打包 Vue.js 项目代码资源文件
- Node.js:使用 express 构建一个本地 HTTP server 来调试 Vue 项目
收获
- 1.了解了一个Vue项目完整的开发流程
- 2.学会了组件化、模块化的实际开发模式
- 3.学会使用 stylus、sass 预编译模块化的 CSS
- 4.学会使用 ES6+ eslint的开发方式
- 4.掌握了使用 Vue-cli 脚手架初始化Vue.js项目
- 5.学会了使用 Vue-router 进行页面的路由切换
- 6.学会了使用 Vue-resource 进行HTTP请求获取数据
- 7.了解 webpack的打包原理,以及常见bug的处理与具体应用。
# install dependencies
npm install
# serve with hot reload at localhost:8808
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report | Visit
npm run build --report | http://localhost:8808/?id=123#/goods
源代码地址:👉GitHub
个人网站:🔗ITHppy-IT技术分享
GitHub:🔗onlyhappy