创建Vue过程中创建速度慢

注意事项:以下内容均为我个人学习的问题,欢迎指出错误

Vue但是环境有点曲折,软件版本问题、npm  create vite@latest 创建问题

安装方式

下载环境软件Node.js

作为一个异步事件驱动的JavaScript运行时,Node.js旨在构建 可扩展的网络应用程序

官网下载(会有的慢):Node.js — 在任何地方运行 JavaScript

国内下载: Node.Js中文网

NodeJS手册

Node.js 中文文档 | Node.js 中文网

建议:下载node版本最好是选择v20及以上但是又不推荐下载最近版本,可能存在部分不兼容问题()

NodeJS下载缓慢

如果你的网络环境不佳,推荐使用 cnpm 或使用 npmmirror或其他镜像源

这里提供了3个镜像源

#阿里云

npm config set registry https://registry.npmmirror.com

#淘宝

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

#npmmirror

npm config set registry https://registry.npmmirror.com

如何查看node和npm版本

则 通过 cmd的方式,去输入 

node -v
npm -v

具体运行流程

方法一:在VSCode中打开文件以及终端创建Vue

1.将文件拖入VSCode

2.打开终端/ctrl+~

2.安装 vite 脚手架(需要Nodejs版本在v20以上)
npm create vite@latest

如果低于v20版本,直接创建vue

npm create vue@latest

参考官方文档Vue的创建文档

内容自行选择

3.安装依赖

安装依赖前 最好是配置成国内镜像,不然会比较卡

node install
4.启动项目
node run dev

随后它会显示创建成功并且给出一个地址

方法二:在文件根目录下使用命令终端(与方法一一样,只是在命令终端实现罢了)

其他问题

高版本NodeJs 构建 VUE项目失败的解决方法-优快云博客

nodejs版本过高导致vue-cli项目无法正常运行解决方案_emitting compressionplugin error error: error:0308-优快云博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值