如何详细操作以启动一个Vue项目？

本文共计1234个文字，预计阅读时间需要5分钟。

在师傅的指导下开始学习vue.js，发现运行GitHub上的开源项目颇有难度。通过查阅网上教程，成功搭建了项目环境，同时对比前期的工程化，有了更多实用知识的积累。环境搭建经验分享如下：

在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。

可以看下我的github：github.com/padipata ，里面有我学习、工作写的一些vue项目。

言归正传~~

首先，列出来我们需要的东西：

1. node.js环境（npm包管理器）
2. vue-cli 脚手架构建工具
3. cnpm npm的淘宝镜像

安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具，输入node -v，如下图，如果出现相应的版本号，则说明安装成功。

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

OK！node环境已经安装完成，npm包管理器也有了。由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像---cnpm。

安装cnpm

在命令行中输入npm install -g cnpm --registry=registry.npm.taobao.org然后等待，安装完成如下图

完成之后，我们就可以用cnpm代替npm来安装依赖包了。