下载安装vue手脚架

Step1 下载安装 node

Step2 使用cmd 切换到node 目录

查看node 版本

node -v

查看 npm版本

npm -v

安装阿里镜像

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

查看cnpm 版本

cnpm -v

Step3 使用cnpm 安装

全局安装 webpack

cnpm install webpack -g

安装vue-cli

cnpm install -g vue-cli

查看vue版本 注意-V（大写）

vue -V

Step4 使用vue来创建项目

使用cd 切换到要创建项目的目录下

cd 目录路径

使用vue命令来创建项目
vue 2 跟vue 3创建项目的命令不同

vue 2使用：vue init webpack “项目的目录名”
vue 3使用：vue create “项目名”

接下来以vue 2为例子
输入项目名

? Project name

输入项目描述

? Project description

输入作者

? Author

编译方式，选择默认，回车

? Vue build standalone

选择安装路由 选择y ，回车

? Install vue-router? Yes

其余的选择 n 回车

Step5 启动项目

将主目录切换到项目目录
设置npm 镜像

npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

执行

npm  intsall

等待下载完成

启动项目

npm  run dev

整个项目创建完成