win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装

一:在安装vue的时候要先安装node.js;安装步骤:
1.在安装之前我们首先

安装一个GIT工具

,(就是cmd差不多但是好用)
https://git-scm.com/
在这里插入图片描述
在这里插入图片描述
安装完成之后在桌面右键出现
在这里插入图片描述
在这里插入图片描述

**

2.node.js安装

**:(推荐安装长期稳定版本12.18.。。)
node官网:https://nodejs.org/en/
在这里插入图片描述
进入点击
在这里插入图片描述
安装完成在git工具中输入node -v检查是否成功,成功会出现版本号
在这里插入图片描述
检验npm是否存在:npm -v
在这里插入图片描述

3.cnpm安装

安装成功后接下来安装cnpm

npm包管理器存在后。但是有些npm资源被屏蔽或者是国外资源的原因,经常会导致npm安装依赖包的时候失败,所以我们还需要(淘宝的镜像)npm的国内镜像----cnpm
在这里插入图片描述

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

安装后用cnpm进行检查
在这里插入图片描述

4.yarn安装

**
接下来安装
yarn安装参考网站:https://www.jianshu.com/p/4a225dcacd53
在这里插入图片描述

安装命令:npm install -g yarn
检查命令:yarn -v在这里插入图片描述

5.vue安装

命令:cnpm install vue
在这里插入图片描述

6.安装vue-cli脚手架工具

命令:cnpm install -g @vue/cli
在这里插入图片描述

7.用vue ui打开图形界面

在这里插入图片描述
打开后见界面

8.创建项目

点击创建,选择目录
在这里插入图片描述

步骤:

1.命名项目,最好英文,用yarn源
在这里插入图片描述
下面在这里插入图片描述
点击下一步
2.点击默认,点击创建项目在这里插入图片描述
3.等待一段时间,不要着急哦在这里插入图片描述
4.创建成功后点击自定义
在这里插入图片描述
5.点击运行任务的加号,再点击完成在这里插入图片描述
6.点击配置组件在这里插入图片描述
7.选择serve,点击保存在这里插入图片描述
8.点击运行在这里插入图片描述
9.点击任务
在这里插入图片描述
10.点击启动app
在这里插入图片描述
11.启动成功页面
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_44629323/article/details/107520121
今日推荐