vue学习（五）

vue脚手架的搭建

（一）安装node.js

node.js下载地址：http://nodejs.cn/download/

根据自己电脑的配置下载相应的node.js。

安装完以后，打开Dos窗口输入：node -v 。出现如下图的样式说明已经安装成功

（二）安装脚手架（一下都是在Dos窗口输入）

1.全局安装vue-cli

(1)、用npm安装（国际开源库生态系统）：npm install - g vue-cli

(2)、用cnpm安装（使用国内镜像安装）

      ①安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org

      ②安装vue脚手架 cnpm install - g vue-cli

2.生成项目

①首先需要用 cd 指令进入项目目录进行搭建项目的文件夹

②创建项目并下载文件夹 vue init webpack my-project(自定义文件夹名)

在下载过程中会出现上图的选项。

③下载后按下图输入：

先是输入cd my-project进入你的项目文件，然后是npm run dev 运行你的项目。

输入后会出现如图：

复制链接在浏览器中打开，出现如图的样式说明脚手架安装成功。