Vue2.x 学习 （一）

摘要：本文主要讲述windows下vue的环境配置

• nodejs安装，提供npm工具
• cnpm安装，提供镜像，加快下载速度
• Vue Devtools安装，提供Chrome Vue查看工具
• Vue-cli安装，工程化vue项目工具

1. nodejs安装：

• A. 官网下载 https://nodejs.org/en/
  

• 下载完成后直接打开安装，选择添加到 path 环境变量中去
  

• 安装完成后，打开 cmd 命令行，进行测试

  	> node --version
  	> v12.13.0
  	> npm --version
  	> 6.12.0
  

2. cnpm安装：

• 淘宝团队做的国内镜像，因为npm的服务器位于国外可能会影响安装
• 在命令行运行

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

3. Vue Devtools安装：

• A. 可以访问google的，可以直接在google扩展工具中搜索 vue devtools 进行安装
• B. 通过 github 安装

  	> git clone https://github.com/vuejs/vue-devtools
  	> cd vue-devtools/
  	> cnpm install
  	> npm run build
  

  • 安装运行完成后，打开 Chrome浏览器 -> 更多工具 -> 扩展程序
  • -> 打开开发者模式 -> 点击 加载已解压的扩展程序 -> 将 chrome文件夹 拖到空白区域进行安装

• 完成后，会在浏览器右上方看到 Vue 的图标
  一般情况下是灰色
  
  在打开Vue项目时，会启用
  

4. Vue-cli安装：

• 在命令行运行

  	> npm install -g @vue/cli
  	> vue --version
  	> 4.0.5
  

【参考链接】
windows下安装nodejs
在浏览器上安装 Vue Devtools工具1
在浏览器上安装 Vue Devtools工具2