初次使用vue的环境安装步骤

首先在使用vue之前的准备工作。

环境：

1)安装node

去官网https://nodejs.org/en/下载安装包，安装完成后，输入node -v 看下是否成功。

node   -v 检测安装结果

如上图所示，即为成功。

2）安装cnpm 

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

此时会提示让你输入一个密码，即你的用户开机密码，输入回车即可，如果出现下面的信息（最下面几行）说明安装成功：

cnpm

输入命令：cnpm -v 检测是否成功。

cnpm -v 安装检测结果

如上图所示，即为成功。

3）安装脚手架

输入命令：$sudo npm install -g vue-cli

此时也会让你输入开机密码，等待即可。

再输入命令：vue -V 验证是否安装完成。

vue -V 安装检测结果

如图所示，显示版本号即为安装成功。

工具：

环境安装好了之后，开始新建项目了。我用的是vscode，所以以下是以vscode为例运行vue项目的，仅供参考。

新建一个文件夹，用vscode打开。然后打开vscode的终端(ctrl+`或者在查看【view】里找到终端【terminal】)。即可打开。

然后执行命令：vue init webpack projectname,（这里的projectname是你自己命名的。）

然后一直按确认或输入y按确认，等待项目初始化，如下图

init

项目完成后，在执行如下图所示的命令：

运行命令

执行：cd vueTest(这里的vueTest就是你命名的projectname)

在执行：npm run dev，成功之后如下图

运行地址

这个时候你只要把http://localhost:8080/#/复制在网页上打开就可以看到了

vue

做到这一步，恭喜，你成功了。接下来你就可以开始自己的项目了。