Vue.js安装教程

Vue.js官方网站：https://cn.vuejs.org/

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。下面是环境搭建的细节：

环境搭建
（1）安装Node.js
node.js官方网站：https://nodejs.org/en/，根据自己的操作系统进行下载并安装。安装完成后，打开命令行工具，输入”node -v“，如下图所示，如果出现相应的版本号，则说明安装成功。

npm包管理器，是集成在node中的，因此可以直接在命令行中输入”npm -v“，显示npm的版本信息。

（2）安装cnpm
Nodejs下的包管理器。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像（http://npm.taobao.org/）
在命令行中输入以下命令：

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

安装结果如图所示：

（3）安装Vue.js
在命令行中运行如下命令，等待安装完成。

cnpm install -g vue-cli

安装完成后，创建第一个项目，在命令行中运行如下命令

vue init webpack myFirstVue

这个命令的意思是初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的。其中myFirstVue是整个项目文件夹的名称。

在安装过程中会提示是否安装插件，请根据自己的需求来安装。

（4）安装依赖
项目建好后，还不能立即使用，需要安装依赖。安装依赖时，需要进入项目中，安装依赖的命令如下所示：

cd myFirstVue
cnpm install

安装完成后就可以运行项目了

（5）项目运行
在命令行中输入如下的命令

npm run dev

运行成功后，通过在浏览器中输入http://localhost:8080来检测是否运行成功。

若出现上图所示的信息，则表示运行成功。

若想了解更多信息，可以在Vue.js的官网上查阅有关Vue.js的文档