Vue开发环境准备

一、IDE 集成开发环境（选择其中一个即可）

• WebStorm
  WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
  官方下载地址(点击进入）
  
• Visual Studio Code
  Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。
  官方下载地址(点击进入）
  

二、Node.js

• node
  简单的说 Node.js 就是运行在服务端的 JavaScript。
  Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
  Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
  官方下载地址(点击进入）
  

2. nvm
   nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。下面列出下载、安装及使用方法。
   可在在github上（点击进入）下载最新版本,本次下载安装的是windows版本。打开网址我们可以看到有两个版本：

• nvm-noinstall.zip：绿色免安装版，但使用时需进行配置。
• nvm-setup.zip：安装版，推荐使用
  安装完成后在计算机CMD命令行中，输入nvm，即可查看本地nvm相关信息。
  （1）安装/管理node.js
  nvm list [available]查看本地安装的所有版本；有可选参数available，显示所有可下载的版本。
  nvm install 11.13.0安装，命令中的版本号可自定义，具体参考命令1查询出来的列表
  nvm use 11.13.0使用特定版本
  nvm uninstall 11.13.0卸载
  （2）命令提示
  nvm arch ：显示node是运行在32位还是64位。
  nvm install <version> [arch] ：安装node， version是特定版本也可以是最新稳定版本latest。可选参数arch指定安装32位还是64位版本，默认是系统位数。可以添加–insecure绕过远程服务器的SSL。
  nvm list [available] ：显示已安装的列表。可选参数available，显示可安装的所有版本。list可简化为ls。
  nvm on ：开启node.js版本管理。
  nvm off ：关闭node.js版本管理。
  nvm proxy [url] ：设置下载代理。不加可选参数url，显示当前代理。将url设置为none则移除代理。
  nvm node_mirror [url] ：设置node镜像。默认是https://nodejs.org/dist/。如果不写url，则使用默认url。设置后可至安装目录settings.txt文件查看，也可直接在该文件操作。
  nvm npm_mirror [url] ：设置npm镜像。https://github.com/npm/cli/archive/。如果不写url，则使用默认url。设置后可至安装目录settings.txt文件查看，也可直接在该文件操作。
  nvm uninstall <version> ：卸载指定版本node。
  nvm use [version] [arch] ：使用制定版本node。可指定32/64位。
  nvm root [path] ：设置存储不同版本node的目录。如果未设置，默认使用当前目录。
  nvm version ：显示nvm版本。version可简化为v。

3. npm
   前端依赖下载使用淘宝镜像较快：

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

三、调试环境

Vue.js devtools
CMD命令行克隆：git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git
CMD中进入目录：

1. 安装 npm install
2. Build npm run build
3. 打开shells>chrome>manifest.json并把json文件里的"persistent":false改成true
4. 打开Chrome，添加插件
   

四、工程环境

工程化工具 Vue CLI 3.0
安装命令：npm i -g vue-cli