前端开发环境准备

一.安装Node.js(一个基于 Chrome V8 引擎的 JavaScript 运行时；提供了 JavaScript 的运行环境)

1.两种方法

官网下载安装包Node.js

2.安装NVM node版本管理工具

NVM安装方法 (39条消息) 前端开发环境准备_smile__Paladin的博客-CSDN博客

二.npm,nvm,nrm,cnpm,yarn的区别

1.npm：

nodejs中内置的软件包管理工具,

新版本的 node 在安装的时候，会自动安装对应版本的 npm;npm安装插件是从国外服务器下载，受网络影响大，可能出现丢包

npm init 初始化

npm install 包名 –g （uninstall,update）

npm install 包名 --save-dev (uninstall,update)

npm list -g (不加-g，列举当前目录下的安装包)

npm info 包名（详细信息） npm info 包名 version(获取最新版本)

npm install md5@1（安装指定版本）

npm outdated( 检查包是否已经过时)

2.nvm：node.js 版本管理工具；不同项目可能需要不同版本的 node；可以使用 nvm 来管理 node.js 版本nvm

ls ：列出所有已安装的 node 版本

nvm ls-remote ：列出所有远程服务器的版本（官方node version list）

nvm list ：列出所有已安装的 node 版本

nvm list available ：显示所有可下载的版本

nvm install stable ：安装最新版 node

nvm install [node版本

号] ：安装指定版本 node

nvm uninstall [node版本号] ：删除已安装的指定版本

nvm use [node版本号] ：切换到指定版本 node

nvm current ：当前 node 版本

nvm alias [别名] [node版本号] ：给不同的版本号添加别名

nvm unalias [别名] ：删除已定义的别名

nvm alias default [node版本号] ：设置默认版本

3.nrm：npm 源的管理工具，可以用来方便的切换 npm 源

npm install -g nrm 安装

nrm ls

nrm use

nrm test

nrm add

nrm del

4.cnpm：使用的是淘宝的源。用法跟 npm 完全一致

5.yarn：运行速度显著提升，整个安装时间比 npm 少。一般推荐使用 yarn 代替 npm

快速: Yarn缓存了每个下载过的包，再次使用时无需重复下载。同时它是并行的，因此安装速度更快。

安全: 在执行代码之前，Yarn会通过算法校验每个安装包的完整性。

可靠: 使用详细、简洁的锁文件格式和明确的安装算法，使Yarn能够在不同系统上保证无差异的工作。

三.安装vue脚手架

npm install -g @vue/cli