vue(1)-环境搭建

最近学习vue，写个笔记总结一下，网上类似的其实很多，但自己概括一遍并写下来总归是不一样的，任何新技术的学习过程都是条坑坑不息的路，争取把跳过的坑都记录一遍。

1.node.js安装

前往node.js官网下载并安装工具。
安装完毕在命令行输入以下命令测试是否安装成功，正确会出现版本号。

npm -v

我这边版本号为5.6.0，想左对齐想调下段落缩进，但Markdown都不支持，Markdown本身注重内容不注重排版，实在让人有不想贴图的欲望。。。

2.安装淘宝npm（cnpm国内用更便捷）

npm install -g cnpm --registry=https://registry.npm.taobao.org

命令行输入以下命令测试是否安装成功。

cnpm -v

3.安装vue

cnpm install vue

4.安装命令工具CLI

这是Vue 提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。
我们这里先安装再利用它创建项目。

cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
cvue init webpack my-project
cd my-project
# 安装依赖，走你
cnpm install
cnpm run dev

cnpm_run_dev.png

下图是环境搭建完成的标志。