注意事项:以下内容均为我个人学习的问题,欢迎指出错误。
Vue但是环境有点曲折,软件版本问题、npm create vite@latest 创建问题
安装方式
下载环境软件Node.js
作为一个异步事件驱动的JavaScript运行时,Node.js旨在构建 可扩展的网络应用程序
官网下载(会有的慢):Node.js — 在任何地方运行 JavaScript
国内下载: Node.Js中文网
NodeJS手册
建议:下载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-优快云博客
2084

被折叠的 条评论
为什么被折叠?



