当前位置: 首页 > 工具软件 > Vue DevUI > 使用案例 >

Vue的安装与引入,vue-devtools的安装

谷良弼
2023-12-01

一、安装Vue.js
1.安装cnpm:

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

2.之后,使用cnpm安装Vue.js:

cnpm install vue

3.安装成功,查看版本:

vue-V

4.引入Vue模块:

import Vue from 'vue'

二、安装Vue Devtool
1、下载Vue Devtools

git clone https://github.com/vuejs/vue-devtools.git

2、进入vue-devtools目录下,安装构建工具所需要的依赖:

cnpm install

3、构建工具:

npm runbuild

4、打开chrome-扩展程序
5、在扩展程序中,开启"开发者模式",并点击“加载解压的扩展程序”,选择“shell/chrome”文件夹进行安装。
6、再次打开Vue项目时,我们就可以在Chrome调试工具中通过vue-devtools查看组件状态了。

 类似资料: