node.js及vue安装配置详解

2022/1/15 11:34:46

本文主要是介绍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	-- 默认升级为最新版本

在这里插入图片描述
持续更新中



这篇关于node.js及vue安装配置详解的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程