一、安装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查看组件状态了。