Vue的详细安装教程,使用NVM安装是我所推荐的方式

news2024/9/24 5:28:01

第一步:卸载之前安装的node,安装NVM

进入网站:Releases · coreybutler/nvm-windows · GitHub

 选择一个版本进行安装即可

 安装的路径我就不用多说了,全英文路径,尽量不要安装在c盘上,计算机人都懂为什么!

期间也会选择nodejs的安装路径,跟NVM的安装路径的要求是一样的,我建议是安装在nvm的目录里,方便查找

我已经安装过了   就不在这里演示了。演示安装成功的结果。

 在这里跟大家简单说一下nvm的命令提示:

nvm arch:显示node是运行在32位还是64位。
nvm install <version> [arch] :安装node, version是特定版本也可以是最新稳定版本latest。可选参数arch指定安装32位还是64位版本,默认是系统位数。可以添加--insecure绕过远程服务器的SSL。
nvm list [available] :显示已安装的列表。可选参数available,显示可安装的所有版本。list可简化为ls。
nvm on :开启node.js版本管理。
nvm off :关闭node.js版本管理。
nvm proxy [url] :设置下载代理。不加可选参数url,显示当前代理。将url设置为none则移除代理。
nvm node_mirror [url] :设置node镜像。默认是https://nodejs.org/dist/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。
nvm npm_mirror [url] :设置npm镜像。https://github.com/npm/cli/archive/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。
nvm uninstall <version> :卸载指定版本node。
nvm use [version] [arch] :使用制定版本node。可指定32/64位。
nvm root [path] :设置存储不同版本node的目录。如果未设置,默认使用当前目录。
nvm version :显示nvm版本。version可简化为v。

安装nodejs之前,我们要配置一下nvm的环境变量。

我的电脑->属性->高级系统设置->环境变量->系统环境变量->Path下新建一个,把nvm所处的路径填入进去即可!

然后,可以在命令行中使用nvm list available显示可下载的nodejs版本的部分列表。部分列表的意思不是说只能下载这些版本,其他版本也是可以的。 

第二步:安装nodejs

选择好nodejs版本之后,使用nvm install 版本号即可安装nodejs

查看已安装的版本nvm list,带星号说明是我当前在使用的nodejs版本 

 

切换nodejs版本使用nvm use 版本号即可指定使用其他版本的nodejs。

nvm常见问题
如果下载node过慢,请更换国内镜像源, 在 nvm 的安装路径下,找到 settings.txt,设置node_mirro与npm_mirror为国内镜像地址。下载就飞快了~~

root: D:\nvm(此路径代表安装nvm的时候nvm安装的地址)
path: D:\nodejs(此路径代表切换node的地址)
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

nvm常用命令

nvm list:列出当前安装了哪些版本的node。
nvm uninstall [version]:卸载指定版本的node。
nvm node_mirror [url]:设置nvm的镜像。
nvm npm_mirror [url]:设置npm的镜像。

第三步:安装Vue

因为我们是使用nvm安装的nodejs,如果上面按照我的建议来安装的,你一定会在nvm的安装目录下找到你所下载的nodejs,这也是我为什么在上面安装nvm的时候这样建议。

然后进入你下载的nodejs目录创建node_global和node_cache目录

 然后配置这两个文件,一个一个执行哈,看清楚文件的路径,prefix是node_global(全局目录),.cache是node_cache(缓存文件夹)

npm config set prefix “第一个文件夹的路径”
npm config set cache “第二个文件夹的路径”

使用npm config ls命令查看是否配置成功!

 接着,修改npm的下载源,为什么呢,因为不修改会导致你下载速度很慢!因为网站在国外,懂了吧,我们修改为淘宝的镜像源。

①首先安装cnpm:npm i -g cnpm

②然后我们要配置一个环境变量,把我们刚刚创建的node_global加入到path中,可以让我们的cnpm的命令在任何电脑的任何地方都可以使用

③获取现在的默认源:npm get registry

④修改为淘宝镜像源:cnpm config set registry http://registry.npm.taobao.org/ 

 然后在电脑中的某一个文件夹里打开cmd,安装Vue环境

①安装脚手架:cnpm i -g @vue/cli

②创建Vue项目:vue create 项目名(项目名不要是特殊字符啊,例如vue,什么的关键字,可以是vue02啊等等)否则会报错。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/672815.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

vmware17+ubuntu18.04通过qemu8.0.2启动arm64虚拟机-测试vsock

文章目录 一、环境搭建1.qemu-8.0.22.buildroot配置 3.编译工具链gcc-linaro-7.2.1下载交叉编译工具链 4.linux kernel 5.16config_kernel.sh配置内核build_kernel.sh 5.启动虚拟机&#xff08;1&#xff09;创建磁盘镜像文件&#xff08;2&#xff09;拷贝内核镜像和根文件系统…

ESP32(MicroPython)端午节项目

本程序致敬了屏幕驱动例程&#xff0c;依次以4种字体显示Happy Dragon Boat Festival!&#xff0c;并重复一次。 代码如下 from ili934xnew import ILI9341, color565 from machine import Pin, SPI import m5stack import tt14 import glcdfont import tt14 import tt24 imp…

JDK自带的构建线程池的方式之newWorkStealingPool

newWorkStealingPool和之前的几种线程池的创建方式有很大的不同&#xff0c;之前定长、单例、缓存、定时任务的四大线程池都是基于ThreadPoolExecutor去实现的。newWorkStealingPool则是基于ForkJoinPool的方式构建出来的。 ThreadPoolExecutor的核心特点 只有一个阻塞队列Dela…

深度学习(24)——YOLO系列(3)

深度学习&#xff08;24&#xff09;——YOLO系列&#xff08;3&#xff09; 文章目录 深度学习&#xff08;24&#xff09;——YOLO系列&#xff08;3&#xff09;1. BOF(bag of freebies)2. Mosaic data augmentation3. 数据增强4. self-adversarial-training&#xff08;SAT…

深入浅出MySQL索引

索引 索引在MySQL中是举足轻重的。在添加索引后&#xff0c;我们在MySQL的查询上会极大的提高我们的查询效率&#xff0c;这也是慢查询解决办法之一。 数据结构 最初的时候MySQL中是采用二叉树进行插入数据的&#xff0c;这样的缺点很明显&#xff0c;就是树太高了&#xff…

C++QT入门

CQT 文章目录 CQT1. QT概述1.1 什么是QT1.2 QT的发展史1.3 支持的平台1.4 QT版本1.5 Qt 的下载与安装1.6 QT的优点1.7 成功案例 2. 创建QT项目2.1 使用向导创建2.2 手动创建2.3 .pro 文件2.4 设置父对象2.5 按钮设置属性2.5.1 按钮设置文本2.5.2 设置移动2.5.3 设置固定大小 2.…

[进阶]网络通信:UDP通信,一发一收、多发多收

UDP通信 特点&#xff1a;无连接、不可靠通信。不事先建立连接&#xff1b;发送端每次把要发送的数据&#xff08;限制在64KB内&#xff09;、接收端1P、等信息封装成一个数据包&#xff0c;发出去就不管了。Java提供了一个java.net.Datagramsocket类来实现UDP通信。 Datagram…

Qt/C++使用QUiLoader动态加载ui资源文件

目录 动态对话框使用场景注意事项动态对话框加载获取动态对话框的控件对象与动态对话框建立关联动态修改ui资源文件效果测试 动态对话框 动态对话框(dynamic dialog)就是在程序运行时使用的从Qt设计师的.ui文件创建而来的那些对话框。动态对话框不需要通过uic把 .ui文件转换成…

【ARM裸机编程 | 海思SS528】- 操作 GPIO 寄存器输出低电平点亮 LED 灯

目录 一、概述二、看原理图&#xff0c;找LED灯的GPIO管脚三、使能 GPIO 管脚功能四、配置 GPIO 管脚为输出五、设置 GPIO 管脚输出高、低电平 一、概述 这篇文章主要介绍在 海思SS528 开发板&#xff0c;去操作某个 GPIO 寄存器输出高、低电平&#xff0c;来熄灭或点亮 LED 灯…

Spring框架中,什么是控制反转?什么是依赖注入?使用控制反转与依赖注入有什么优点

目录 一、Spring 二、控制反转 三、依赖注入 四、控制反转与依赖注入有什么优点 一、Spring Spring框架是一款开源的Java应用程序框架&#xff0c;它为企业级Java应用提供了全面的基础设施支持和编程模型。通过Spring框架&#xff0c;开发人员可以快速地搭建出高效、可维护…

C++【红黑树】

✨个人主页&#xff1a; 北 海 &#x1f389;所属专栏&#xff1a; C修行之路 &#x1f383;操作环境&#xff1a; Visual Studio 2019 版本 16.11.17 文章目录 &#x1f307;前言&#x1f3d9;️正文1、认识红黑树1.1、红黑树的定义1.2、红黑树的性质1.3、红黑树的特点 2、红黑…

chatgpt赋能python:Python中是否有局部变量?-完全解析

Python 中是否有局部变量&#xff1f;- 完全解析 Python 是一种高级编程语言&#xff0c;它因其易学、可读性强、开发速度快、功能丰富、能够快速交互、具有跨平台特性等方面而备受欢迎。其中一块关键功能是变量&#xff0c;变量可以存储值&#xff0c;以供稍后使用&#xff0…

[保姆级啰嗦教程] Tesseract OCR 5在Windows 10下编译安装及测试 (亲测成功)

作为一个优秀的文字识别&#xff08;OCR&#xff09;库&#xff0c;Tesseract最早并非开源软件&#xff0c;它是HP实验室在1985-1994年开发的专属软件&#xff0c;直到2005年&#xff0c;HP及内华达大学拉斯维加斯分校以开源的形式发布&#xff0c;然后由Google从2006年开始赞助…

[SpringBoot 分布式调度elasticjob 整合 ]

目录 &#x1f96b;前言: &#x1f96b;配置作业 &#x1f96b;实现任务处理类 &#x1f96b;启动SpringBoot应用程序 &#x1f96c;下面是代码是我另一个文章看见 记录的笔记, 我前面也使用了elastic-job做重试机制,有兴趣可以看一下 &#x1f96c;依赖: &#x1f96c;…

基于MATLAB的CFAR检测仿真程序分享

基于MATLAB的CFAR检测仿真&#xff0c;得到平均CFAR检测。 完整程序&#xff1a; clc; clear; close all; warning off; addpath(genpath(pwd)); cfar phased.CFARDetector(NumTrainingCells,200,NumGuardCells,50,Method,CA); % Expected probability of False Alarm (no u…

【瑞萨RA_FSP】CTSU——电容按键检测

文章目录 一、1. 电容按键介绍二、电容按键原理三、瑞萨QE在电容按键上面的运用四、电容按键实验1. 硬件设计2. FSP配置3.复制文件4.主函数 一、1. 电容按键介绍 电容式感应触摸按键可以穿透绝缘材料外壳 8mm &#xff08;玻璃、塑料等等&#xff09;以上&#xff0c;准确无误…

OpenStack(2)--项目(租户)、用户、角色

一、项目&#xff08;租户&#xff09;、用户、角色的关系 重点理解项目&#xff08;project/租户&#xff09;、用户&#xff08;user&#xff09;、角色&#xff08;role&#xff09;三者之间的关系&#xff0c;首先这三者都可以单独新建&#xff0c;但是绑定关系是通过open…

10 分钟玩转Elastcisearch——数据可视化分析

在当今这个快速发展的科技时代&#xff0c;Elasticsearch 已经成为企业和开发者的重要技术工具。随着数据的爆发式增长&#xff0c;Elasticsearch 可以帮助个人和企业更好的理解数据、发现数据中的规律趋势和模式、并从海量数据中洞察业务价值。 为了帮助开发者能够快速上手&am…

基于SpringBoot的电子文档管理系统(源码、文档、数据库)

网上文件管理系统所用的资料库是由 SpringBoot架构所建立的 Mysql资料库。在进行设计的时候&#xff0c;要充分地保证了系统代码拥有良好的可读性、实用性、易扩展性、通用性、便于后期维护、操作容易、页面简洁等优势。 一、开发工具及技术介绍 &#xff08;1&#xff09;.J…

JavaScript Day03 对象详解

文章目录 1. 什么是对象?2.对象的创建2.1 字面量模式2.2 构造函数模式 3 对象的访问4.新增删除对象中的属性5.Object显示类型转换(强制类型转换)5.1-ECMAScript中可用的3种强制类型转换如下&#xff1a;-Boolean(value)-String(value)-Number(value) 5.2-Object类型到Boolean类…