vue.js开发环境搭建以及脚手架工具安装

1、安装node.js

因为我在此之前，我为了能够在sublime text3中直接输出js的代码，所以已经安装过node.js，这里就不做详细的分析，如果有需要，直接去百度一下就知道如何安装node.js。

2、基于node.js，利用淘宝npm镜像安装相关依赖

我们通过快捷键window+R，输入cmd即可以进入命令行窗口。接着在命令行中输入：npm install -g cnpm –registry=https://registry.npm.taobao.org。在这里采用淘宝上的镜像，通过cnpm进行安装脚手架工具。结果如下所示：

3、查看一下cnpm的版本    输入命令行：cnpm -v

4、安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

1）输入命令行：cnpm install -g vue-cli。之所以采用-g，是为了能够全局使用，而不是在当前目录下使用。

2）输入命令行：vue，若出现vue信息说明表示成功。

5、创建项目

1）在命令行中输入：vue init webpack my-first-demo(项目文件夹名)。

2）查看当前目录，并进入所创建的项目中

输入dir即可查看当前目录，通过输入cd  my-first-demo就可以进入目录。

6、安装依赖    1)命令行中输入：cd  my-first-demo（项目名），进入到具体项目文件夹    2)命令行中输入：cnmp install

7、测试环境是否搭建成功

在命令行中里输入：npm run dev