vue安装以及使用

vue的安装以及使用

1.首先安装node.js，可以去官网自行安装

2.检查是否安装成功，可以在cmd控制台输入node -v检查是否出现版本号，

出现这个表示安装成功

3.下载git工具 去官网下载一路下一步就行，检查npm是否安装成功，在cmd控制台输入 npm -v,出现版本号表示安装成功

此时安装成功（npm一般跟随node一起安装在电脑中，node如果成功了，npm基本都会没问题）

4.安装cnpm（由于有些资源npm不能使用）此时我们需要安装cnpm,安装的网址参考https://developer.aliyun.com/mirror/NPM?from=tnpm

在cmd控制台中输入npm install -g cnpm --registry=https://registry.npm.taobao.org

检查是否安装成功 cnpm

5.yarn安装参考网站：https://www.jianshu.com/p/4a225dcacd53
cmd控制台输入：npm install -g yarn
检验是否安装成功：yarn -v

此时安装成功，接下来开始安装vue

6.cmd控制台输入：cnpm install vue

7.安装vue-cli脚手架构建工具

    vue-cli3脚手架工具安装：cnpm install -g @vue/cli或者yarn global add @vue/cli。如果3安装失败就安装4（个人3失败4可以使用）检查安装是否成功 在cmd控制台输入vue --version

出现版本号表示安装成功

8.在cmd控制台输入vue ui启动图形界面（香）

这里可以修改到自己想要保存的路径刚开始可能没有这个，点击右上角的自定义，运行任务，

点击运行 此时恭喜完成了

9.运行项目

找到自己把文件保存的路径把文件拖进vscode里面 打开终端 快捷键Ctrl+~打开终端
输入yarn serve

出现上图表示运行成功 红框中是ctrl+c终止任务后出现的，此时就结束了

希望对你们有帮助。