vue调试工具：yarn安装、vue调试案工具安装和使用

vue调试工具

• yarn安装
• vue调试工具安装
• vue调试工具使用

1.yarn安装

• 前提：在安装前要保证电脑安装了node环境:nodejs
• 使用npm进行yarn的全局安装

npm install g yarn

• 查看是否安装成功

yarn -v

• yarn的常用命令

# 初始化一个项目
yarn init
# 装包
yarn add packagename
yarn add packagename --dev
# 更新包
yarn upgrade packagename
# 删除包
yarn remove packagename
# 安装所有包
yarn
yarn install
# 发布包
yarn publish
# 查看包的缓存列表
yarn cache list
# 全局安装包 == npm -g
yarn global

2.vue调试工具安装

• 下载安装包

vue官网点击进入，再进行安装包 git clone https://github.com/vuejs/vue-devtools.git

• 将安装包进行解压，打开package目录

• 将shell-chrome拽入开发者工具中即可

• 此时运行html打开工具，我们发现多了一个vue

点击进入：

到此结束。