nodejs以及vue的下载和配置

前言

昨天系统出了问题，重装了一次，重新配一下nodejs和vue，鉴于每次配环境都要找教程这件事，所以我决定自己写一个符合自己习惯的教程，算是偏向于自己用的笔记性质，如果有错误，请大佬们指教，如果有和其他教程相似的地方，那大概率是我以前看的教程

一、node.js的安装及配置

1.官网下载node.js

官网下载最新版本：https://nodejs.org/en/download/
一般来说，要下载一个比较稳定的版本，但是我这人比较浪，所以我是直接选最新版本

2.配置默认安装目录和缓存日志目录

1、创建默认安装目录和缓存日志目录
我希望将全模块所在路径和缓存路径，放在我node.js安装的文件夹中，则在我安装的文件夹【"D:\nodejs】下创建两个文件夹【node_global】以及【node_cache】分别作为默认安装目录和缓存日志目录。
2、分别执行以下命令，将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录：

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

查看npm全局安装包保存路径

npm config get prefix

查看npm装包缓存路径

npm config get cache

3.node.js环境配置

“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”，进入环境变量对话框

1、【系统变量】下新建【NODE_PATH】，此处设置第三方依赖包安装目录变量值为【D:\nodejs\node_global\node_modules 】
2、【系统变量】下的【Path】添加上node的路径【D:\nodejs\】
3、用户变量】下的【Path】将默认的 C 盘下 APPData/Roaming\npm 修改为【D:\nodejs\node_global】，【D:\nodejs\node_cache】，这是nodejs默认的模块调用路径

4.下载配置

1.配置淘宝镜像

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

查看是否成功配置

npm config get registry

2.打印下载进度

npm config set loglevel=http

二、安装vue及脚手架

1.安装vue.js

npm install vue -g

查看vue信息判断是否安装成功

npm info vue

2.安装webpack模板

运行以下命令

安装webpack

npm install webpack -g

安装webpack-cli

npm install --global webpack-cli

查看webpack信息

webpack -v

3.安装vue-cli

看自己需要哪个版本吧，按理说都是下载最新版本的

安装脚手架vue-cli 2.x

npm install vue-cli -g

安装vue-cli 3.x
这个命令是下载最新版

npm install -g @vue/cli

下载指定版本，一般用不上

npm install @vue/cli@版本号

报错解决办法

安装过程中可能会有一些错误（其实就是我踩过的坑）
比较有用的几个解决办法
首先，淘宝源很好用，但是有时候确实不太合适，可以试试切换回官方源

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

1.更新npm

 npm install -g npm

2.删除npmrcwen

3.删除.npmrc文件

23的文件在：C:\Users{账户}\下

到这里算是初步完成，后面就是创建运行vue项目