vue-devtools与vue的安装

一、vue-devtlools安装

1.下载git clone https://github.com/vuejs/vue-devtools
2.下载安成之后打开cmd进入vue-devtools文件夹把依赖装好npm install 之后再进行npm run build
3.然后打开shells>chrome>src>manifest.json 把里面的"persistent": false改为true

一切都万事具备了，打开chrome

1.打开里面的设置 > 点击扩展程序 > 点击开发者模式
2.再点击加载已解压的扩展程序，然后把shells>chrome这个文件夹放入就ok了

二、vue的安装

vue安装：

# 最新稳定版
$ npm install vue
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev
$ npm run build //编译生成h5文件

三、推荐几个比较好用的与vue做搭配的UI

1.Element 适合WEB端
2.Mint UI适合移动端

四、npm下载过慢的问题，使用cnpm进行下载

有很多方法来配置npm的registry地址，下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例：

1.临时使用

npm --registry https://registry.npm.taobao.org install express

2.持久使用

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

配置后可通过下面方式来验证是否成功 npm config get registry

或 npm info express

3.通过cnpm使用

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