搭建Vue开发环境

准备工作

在搭建vue的开发环境之前，要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网里面下载，根据自己的电脑选择是32位还是64位。

地址：http://nodejs.cn/download

安装完毕之后可以输入 node -v     命令检查是否安装成功！

安装cnpm

由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘宝npm镜像，使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vue-cli脚手架

淘宝镜像安装成功之后，我们就可以全局使用vue-cli脚手架

cnpm install --global vue-cli

# 新版本可以使用下列命令
cnpm install -g @vue/cli

验证脚手架是否安装成功，使用 vue 命令即可

创建一个项目

手脚架搭建完之后，我们就要开始建一个新项目，建议不要装在C盘，因为vue下载下来的文件比较大，后期会导致C盘很臃肿。

安装依赖项

文件夹已经下载好了，因为各个模板之间都是相互依赖的，所以现在我们要安装依赖  cnpm install   需要到项目文件夹的目录下执行

使用命令 npm run dev 启动项目，然后我们就可以根据返回的地址在本地浏览器中访问项目了。