vue的安装

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