一个小白的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更加好用，你们可百度其优缺点，自行选择。