VUE-STUDY , STUDY VUE .
@Author:zhengkai.blog.csdn.net
官方文档:
模块 | URL | 备注 |
---|---|---|
yarn | https://yarn.bootcss.com/ | 推荐使用yarn代替npm |
vuex | https://vuex.vuejs.org/zh/ | 集中式存储管理应用的所有组件的状态 |
vue-router | https://router.vuejs.org/zh/ | 官方的路由管理器 |
webpack | https://www.webpackjs.com/concepts/ | js模块打包器 |
element-ui | https://element.eleme.cn/#/zh-CN | 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 |
iview-ui | https://www.iviewui.com/docs/introduce | 基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。 |
模块 | 学习路线 |
---|---|
vue-route | 包含vue-route |
vue-webpack | 包含vue-webpack |
vue-element | 包含vuex+element+express |
yarn add webpack webpack-dev-server vue-loader vue-html-loader css-loader vue-style-loader file-loader babel-loader babel-core babel-preset-env vue-template-compiler
npm install webpack webpack-dev-server vue-loader vue-html-loader css-loader vue-style-loader file-loader babel-loader babel-core babel-preset-env vue-template-compiler -D
"dependencies": {
"axios": "^0.16.2",
"vue": "^2.3.3",
"vue-router": "^2.7.0"
},
"devDependencies": {
"babel-core": "^6.0.0",
"babel-loader": "^6.0.0",
"babel-preset-env": "^1.5.1",
"cross-env": "^3.0.0",
"css-loader": "^0.25.0",
"file-loader": "^0.9.0",
"vue-loader": "^12.1.0",
"vue-template-compiler": "^2.3.3",
"webpack": "^2.6.1",
"webpack-dev-server": "^2.4.5"
}