上期文章我形象的介绍过VUE开发到底是什么东东,今天我要介绍的是VUE常用环境的搭建和常用框架介绍。(vue2.x+vue-router+axios+webpack)
Node.js安装
下载地址
Node.js安装包可以到nodejs下载
安装Node.js
双击打开后直接下一步到安装完成即可(Node.js默认安装目录为C:\ProgramFiles\nodejs\,可以修改目录)
检测Node.js
在cmd环境下运行node-v即可查看NODE版本
在cmd环境下运行npm-v即可查看NPM版本
Webpack安装
VUE脚手架安装
通过上面的一系列命令,我们便成功启动了项目,这时我们可以在浏览器中输入:
默认配置启动入口可通过配置修改
VUE路由安装
VUE状态管理
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的调试工具devtoolsextension,提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。
组合安装mockJS+axios
基本安装已经好了……
就这样。我们的VUE地盘就等着我们来垦了……