vue开发项目详细教程（1、搭建环境篇）

vue

（1）Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/。

下载安装包安装node，安装教程参考下面网址：https://www.cnblogs.com/zhouyu2017/p/6485265.html

(2)安装淘宝npm镜像

由于npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像来安装vue.

淘宝的cnpm命令管理工具可以代替默认的npm管理工具。

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

(3)安装全局vue-cli脚手架

输入命令：cnpm install --global vue-cli

(4)建一个新项目

输入命令：vue init webpack my-project-first

搭建完手脚架之后，我们要开始建一个新项目，这个时候我建议，尽量不要装在C盘，因为vue下载下来的文件比较大，如果要改盘的话，直接输入D：回车就可以直接改盘

回车，my-project-first是我自己的文件夹的名字，是基于webpack的项目，输入之后就一直回车，直到出现是否要安装vue-route，这个我们在项目要用到，所以就输入y 回车

(5)开D盘查看一下，会发现多了一个刚刚创建的文件夹

(6)进入项目文件夹

文件夹已经下载好了，现在就可以进入文件夹，输入： cd my-project-first 回车进入新建的项目。

(7)在项目里安装依赖

因为各个模板之间都是相互依赖的，所以现在我们要安装依赖，在项目里输入以下命令

(8)运行

（9）运行成功，vue项目创建成功。