如何运行vue项目

环境搭建

从github上clone的vue项目不知道怎么运行，按照下面几部操作即可。

1. 安装node

从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了、

安装完成之后，进入待运行的文件夹界面，点击红框部分输入cmd回车进入命令行界面。

输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。

2. 安装npm

npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。

3. 安装cnpm

由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像—cnpm。

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org

没有报错就说明安装成功。

4. 安装vue-cli脚手架构建工具

运行命令 cnpm install -g vue-cli ，然后等待安装完成。

运行项目

1. 运行命令 cnpm install

此目的为创建项目依赖

2. 运行命令npm run serve

会用热加载的方式运行我们的应用，热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。