vue学习笔记之运行环境搭建

vue主要干了什么

1. 数据渲染/数据同步
2. 组件化/模块化
3. 其他功能：路由、ajax、数据流

vue学习资源

1. vuejs中文官网：http://cn.vuejs.org/
2. vuejs源码：https://github.com/vuejs/vue
3. vuejs官方工具：https://github.com/vuejs
4. vuejs官方论坛：http://forum.vuejs.org/

vue运行环境搭建（Windows）

1. 安装node.js，直接在官网下载，下一步下一步安装即可
2. 安装cnpm，在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待
3. 安装webpack，在命令行中输入：cnpm install webpack -g

4. 安装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可能安装不成功，太慢了）

5. npm run dev（启动运行项目）