一个小白的vue之路（二）——我的第一个vue程序HelloWord及环境搭建

前言：在开始我们的第一个程序之前，我们需要先把相关的开发环境搭建好。对于老鸟而言可能不屑一顾，但对于我们新手而言真的是头疼。。。

vue相关开发环境搭建

1.安装node

做前端哪能少得了node.js，vue项目运行要依赖于node的管理工具npm来实现，下载node.js下载地址。
下载好node之后，以管理员身份打开cmd管理工具，，输入 node -v ，回车，查看node版本号，出现版本号则说明安装成功。

2.安装npm淘宝镜像cnpm

因为npm是国外的，我们访问起来比较慢，所以我们使用淘宝的npm镜像cnpm代替默认的npm管理工具。

输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装全局vue-cli脚手架

输入命令：cnpm install --global vue-cli

验证是否安装成功，在命令输入vue，出来vue的信息，及说明安装成功；

4.我的第一个vue程序HelloWorld

在相应的目录下，输入命令

输入命令：vue init webpack helloworld

它会在对应目录下创建一个文件夹helloworld，里面存放的就是我们的项目，在创建的过程中回访我们选择要装的插件vue-router和ESLint，我们暂时先不选择任何插件，都选择‘no’.

5.我的开发工具 VScode，yarn

非常好用，可以直接在控制台输入npm命令，不用再切换窗口，而且插件很丰富。同时我在实际项目中用的包管理工具并非npm而是yarn，功能和npm一样，单个人感觉yarn更加好用，大家可百度其优缺点，自行选择。