03.vue环境安装

node.js安装

如图所示：点击官网下载，并默认安装即可

验证node版本

node -v

验证npm版本

npm -v

备注：如若未出现版本号，请右击 我的电脑 -> 属性 -> 高级系统设置 -> 环境变量 -> 编辑系统变量中的path -> 在最后黏贴上安装路径（分号+安装路径）。示例：;D:\ProgramFiles\AppTools\nodejs

vue-cli脚手架安装

注册淘宝镜像

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

查看cnpm版本

cnpm -v

安装vue-cli

安装vue-cli 2.x

cnpm i -gD vue-cli

安装vue-cli 3.x

cnpm i -gD @vue/cli 

查看vue版本

vue -V

项目创建

# vue-cli 2.x
vue init webpack projectName

# vue-cli 3.x
vue create projectName

# vue-cli 3.x 图形界面
vue ui