0
点赞
收藏
分享

微信扫一扫

Vue 环境搭建(使用yarn代替npm)

雪域迷影 2022-01-11 阅读 133

一、安装node.js

1.进入官网下载
在这里插入图片描述
2.安装完成后,在安装目录下打开命令行工具(win+R)
在这里插入图片描述
推荐安装Git 更加方便
git bash打开
在这里插入图片描述

二、安装cnpm/yarn

方法1:访问外网比较慢,可以使用淘宝的镜像 https://npm.taobao.org/
执行命令

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

方法2:Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的。
和npm类似,在使用yarn之前必须确认系统已经安装好node.js
使用yarn的介绍以及yarn的其他安装方法
1.可使用npm安装下载yarn,输入命令:

npm install -g yarn

2.yarn使用淘宝镜像:

yarn config set registry https://registry.npm.taobao.org

在这里插入图片描述3.查询版本号:yarn -v,显示版本号即成功

三、安装vue-cli脚手架

  1. 使用yarn安装vue/cli 这是构建vue项目的工具
    -global为全局安装
yarn global add @vue/cli
  1. 使用webpack打包工具
vue init webpack vue-demo

在这里插入图片描述

  1. 完成之后,进入到创建的项目根目录下
    cd vue-demo
  2. 安装依赖包
yarn
  1. 最后运行项目
yarn run dev

在这里插入图片描述

  1. http://localhost:8080/#/ 访问
    在这里插入图片描述搭建成功!
举报

相关推荐

0 条评论