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

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

安装一个GIT工具

,(就是cmd差不多但是好用)
https://git-scm.com/
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第1张图片
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第2张图片
安装完成之后在桌面右键出现
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第3张图片
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第4张图片

**

2.node.js安装

**:(推荐安装长期稳定版本12.18.。。)
node官网:https://nodejs.org/en/
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第5张图片
进入点击
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第6张图片
安装完成在git工具中输入node -v检查是否成功,成功会出现版本号
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第7张图片
检验npm是否存在:npm -v
在这里插入图片描述

3.cnpm安装

安装成功后接下来安装cnpm

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

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

安装后用cnpm进行检查
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第8张图片

4.yarn安装

**
接下来安装
yarn安装参考网站:https://www.jianshu.com/p/4a225dcacd53
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第9张图片

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

5.vue安装

命令:cnpm install vue
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第10张图片

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

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

7.用vue ui打开图形界面

win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第11张图片
打开后见界面

8.创建项目

点击创建,选择目录
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第12张图片

步骤:

1.命名项目,最好英文,用yarn源
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第13张图片
下面win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第14张图片
点击下一步
2.点击默认,点击创建项目win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第15张图片
3.等待一段时间,不要着急哦win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第16张图片
4.创建成功后点击自定义
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第17张图片
5.点击运行任务的加号,再点击完成win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第18张图片
6.点击配置组件win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第19张图片
7.选择serve,点击保存win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第20张图片
8.点击运行win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第21张图片
9.点击任务
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第22张图片
10.点击启动app
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第23张图片
11.启动成功页面
win10安装GIT,node.js ,cnpm,yarn,vue,vue脚手架的完整安装_第24张图片

你可能感兴趣的:(vue,vue.js,node.js,yarn,npm)