node.js及vue安装配置详解

一、node.js 安装配置

1、下载

首先先下载node.js，通过以下链接进行选择下载

https://nodejs.org/download/release

选择自己想要的版本进行下载

2、安装

下载完成后双击node.exe进行安装即可，亦或者下载压缩包解压就可使用

3、配置环境

打开电脑设置——》点击系统高级设置——》点击环境变量进入系统变量——》点击系统变量中的Path变量进行修改——》添加node.js安装的根目录路径

校验安装是否成功，通过命令行npm --version访问是否安装配置成功

二、vue cli安装及配置

1、修改镜像源

因为国外npm默认的是国外镜像源，在国内访问可能较慢，因此，修改镜像源为淘宝镜像源

# 修改镜像源为淘宝镜像源
npm config set registry https://registry.npm.taobao.org 

2、安装vue cli

然后开始安装vue.js ，可以自己选择安装vue2或者vue3，安装完成后即可查看安装版本，通过以下命令实现。

#安装vue2脚手架
npm install vue-cli -g

# 安装vue3
npm install -g @vue/cli

# 查看vue版本
vue --version

# 查看npm版本
npm -v

如需卸载，则使用以下命令进行操作

# 卸载2.x版本 
npm uninstall vue-cli -g

# 卸载vue3.x
npm uninstall @vue/cli -g

# windows查看vue安装位置
where vue

三、vue常用命令

# 利用vue-cli创建项目
vue create 项目名

# 访问vue界面
vue ui

# 在现有的项目中安装插件,使用vue add命令进行安装
vue add eslint

四、Vue问题解决

解决warn deprecated

npm install -g npm	-- 默认升级为最新版本

持续更新中