vue的安装和使用

1、首先我们安装安装git工具
2、安装node,检查node安装是否成功，在git工具中输入node -v，如果安装成功，会显示版本号，那么就安装成功了。
这就是安装成功后显示的node版本号。
3、检查npm是否安装成功，在git工具中输入npm(npm一般随node
一起安装在电脑中，node如果成功了，npm基本都会没问题)。
显示出这样的代码说明npm也安装成功了。
4、cnpm安装参考网站：https://developer.aliyun.com/mirror/NPM?from=tnpm
在git工具中输入：npm install -g cnpm --registry=https://registry.npm.taobao.org
检验是否安装成功：cnpm。
这样就安装成功了。
5、yarn安装参考网站：https://www.jianshu.com/p/4a225dcacd53
git工具输入：npm install -g yarn
检验是否安装成功：yarn -v
我这已经安装成功了 所以 你们在安装以后再git里面输入yarn -v检查一下是否安装成功，如果安装成功就会显示一串版本号，那你就可以去执行下一步了。
6、vue安装：在git工具里输入：cnpm install vue
7、vue-cli3脚手架工具安装：cnpm install -g @vue/cli或者yarn global add @vue/cli
检查其版本是否正确：vue --version
我这里也是已经安装成功了，你们安装后也要在git里输入vue --version,如果出现图上的版本号代码，就说明已经安装成功了
8、接下来我们就可以使用vue了，在git工具里输入vue ui进图图形界面
是一个这样的界面我们。
9、我们在这块基于可以创建项目了，创建项目的时候需要等一会，一般看网速的问题，所以哦我们不能太心急，一个新的项目文件夹就创建完成，这个项目文件是在使用了脚手架vue-cli的前提下创建的，所以使用了这个工具提供的默认版式，这就是使用脚手架搭建的项目文件的结构，因为各个模板间都是相互依赖的，所以要安装依赖，在命令行输入cnpm install ,你会发现在已经创建的项目结构里面会多出一个node_modules的文件夹，里面就是刚才安装的所有依赖。

10、在vscode里输入 yarn serve运行项目，ctrl+c可以终止vue ui。