Vue安装以及项目创建

一、环境准备
1、安装git工具，便于在电脑上操作命令行，根据个人情况可以不安装
2、安装node，检查node安装是否成功，在git工具中输入node -v
3、检查npm是否安装成功，在git工具中输入npm（npm一般默认和node一起安装在电脑上，node如果安装成功，那么npm一般不会出现问题）
4、安装cnpm（安装包下载速度快）
cnpm安装参考网站
在git工具中输入：npm install -g cnpm --registry=https://registry.npm.taobao.org
检验是否安装成功：cnpm
5、安装yarn
yarn安装参考网站
git工具中输入：npm install -g yarn
检验是否安装成功：yarn -v
二、Vue安装
1、vue安装：cnpm install vue
2、vue-cli3脚手架工具安装：cnpm install -g @vue/cli或者yarn global add @vue/cli
检查其版本是否正确：vue –version
三、Vue使用
1、通过图形界面创建vue项目：在git中输入：vue ui

就会自动跳转至Vue项目管理器




创建项目成功后会显示此页面
2、control+c终止vue ui终止Vue
3、使用VS Code打开创建的项目，打开终端输入yarn serve
跳转至此页面

项目运行成功