vue主要干了什么
- 数据渲染/数据同步
- 组件化/模块化
- 其他功能:路由、ajax、数据流
vue学习资源
- vuejs中文官网:http://cn.vuejs.org/
- vuejs源码:https://github.com/vuejs/vue
- vuejs官方工具:https://github.com/vuejs
- vuejs官方论坛:http://forum.vuejs.org/
vue运行环境搭建(Windows)
- 安装node.js,直接在官网下载,下一步下一步安装即可
- 安装cnpm,在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待
- 安装webpack,在命令行中输入:cnpm install webpack -g
- 安装vue-cli脚手架构建工具,在命令行中运行命令 cnpm install -g vue-cli ,然后等待安装完成。
通过以上四步,我们需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目了。在命令行中执行一下步骤:
(1)vue init webpack my-project(新建一个基于webpack模板的项目,一路回车就可以了,需要的东西可以后期使用的时候安装)
(2) cd my-project(进入文件夹然后安装依赖)
(3) cnpm install(使用cnpm安装较快,但是可能开发过程中缺包,用npm可能安装不成功,太慢了) - npm run dev(启动运行项目)