Vue相关安装

    前端开发vue需要一个好用的代码编辑器，首选VSCode（Visual Studio Code）；其次，想要在运行前端代码并在浏览器访问，就得安装nodeJS。

一、VSCode安装：

  参考：https://blog.youkuaiyun.com/Zhangguohao666/article/details/105665412/

二、VSCode好用的插件：

  可通过插件官网下载，也可通过VSCode内置的应用商店下载。

  插件官网： https://marketplace.visualstudio.com/VSCode

  下面介绍几种常用的插件：

  1、基础：

    汉化插件：点击VSCode界面左边的商店图标，进行搜索并安装即可。

    智能提示Html标签以及标签含义：HTML Snippets

    智能提示CSS类名以及id：HTML CSS Support

    ES6智能语法提示，支持.js、.html、.vue等：JavaScript(ES6) code snippets

    jQuery代码智能提示：jQuery Code Snippets

  2、优化：

    文件图标插件：Material Icon Theme。

    代码格式化插件：Prettier - Code formatter

    给括号加上不同颜色的括号，便于区分不同的区块：Bracket Pair Colorizer

    自动闭合Html/xml标签：Auto Close Tag

    自动完成另一侧标签的同步修改：Auto Rename Tag

    支持右键打开文件：Open in browser

    自动提示路径，快速导入文件：Path Intellisense

    酷炫的输入动效：Power Mode

  3、框架：

    Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger：vetur

 注意：有些插件安装后并未自动应用，需要一些设置才可使用其功能。

三、Node安装： https://www.cnblogs.com/feiye512/p/12539306.html

  1、npm与cnpm： https://blog.youkuaiyun.com/shelly1072/article/details/51524029

• npm：

1. 说明：npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
2. 使用npm安装插件：命令提示符执行npm install <name> [-g] [--save-dev]
   <name>：node插件名称。
   例：npm install gulp-less --save-dev

• cnpm：

1. 中国镜像，加快下载速度，防止下载异常。
2. 安装：命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org
3. cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm。

  2、配置  文件下载位置：按博客做即可。

  3、配置  淘宝镜像： https://blog.youkuaiyun.com/qq_41402200/article/details/84785353 该博客后面有介绍到。

    遇到的一个坑是：安装cnpm时，应使用 npm install -g cnpm --registry=https://registry.npm.taobao.org 命令，而我却在该命令前加了cnpm：，导致一直出现错误，命令正确即可。

    还有就是，配置镜像时没有报错，所以没有按照博客最后配置环境变量，如在之后的过程中出现错误，再进行相应的解决。

四、切换源工具：

    nrm（npm registry manager）是切换源的非常好用的工具。

4.1 安装nrm：

npm install -g nrm

4.2 查看当前源

nrm ls

4.3 切换源到taobao

nrm use taobao

4.4 遇到的问题：Vue安装nrm长时间停留WARN deprecated request@2.88.2: request has been deprecated

    参考博客： https://blog.youkuaiyun.com/fujian9544/article/details/104765032/

原因是资源的问题，要配置淘宝镜像

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

配置完成后检验是否成功

npm config get registry

重新安装

npm install nrm -g

查看所用的镜像

nrm ls

安装成功

C:\Users\Administrator>npm install nrm -g

npm WARN deprecated coffee-script@1.7.1: CoffeeScript on NPM has moved to

"coffeescript" (no hyphen)

C:\Users\Administrator\AppData\Roaming\npm\nrm ->

C:\Users\Administrator\AppData\Roaming\npm\node_modules\nrm\cli.js

+ nrm@1.2.1

added 494 packages from 873 contributors in 40.88s

4.5 Node.js和npm关系：

    node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。

    npm是nodejs的包管理器。在安装nodejs时，同时自动安装了npm。