Vue day1

一、Vue简介

1、渐进式JavaScript框架

Vue是一款用于构建用户界面的JavaScript框架,基于标准的HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型。

2、优势(VUE是一个框架、也是一个生态)

1、无需构建步骤,渐进式增强静态的HTML

2、在任何页面中作为Web Components嵌入

3、单页面应用(SPA)

4、全栈/服务端渲染(SSR)

5、Jamstack/静态站点生成(SSG)

6、开发桌面端、移动端、WebGL、甚至是命令行终端界面

官方文档:简介 | Vue.js

二、创建vue项目

1、步骤

1)打开命令行cmd窗口使用(cd 文件夹名称)导航到你要创建的项目地址

2)使用npm init vue@latest命令创建项目

3)通过命令npm run dev 运行项目

4)创建项目成功(复制 http://localhost:5173/到浏览器打开)显示如下界面说明项目创建成功

2、可能会遇到的问题

1、Node.js版本不兼容的问题

You are using Node.js 18.16.0. Vite requires Node.js version 20.19+ or 22.12+. Please upgrade your Node.js version.

error when starting dev server:

TypeError: crypto.hash is not a function

如果在创建过程中出现版本问题,那就要考虑更新node版本

更新方法:

1. 使用 NVM(推荐,尤其适合开发)

NVM 允许你在同一台机器上管理多个 Node.js 版本,

1)下载安装NVM,访问https://github.com/coreybutler/nvm-windows/releases 发布页面,下载 nvm-setup.exe并安装(傻瓜式安装)

2)安装完成后打开新的命令提示符,安装所需Node.js版本

复制代码
# 查看可用的版本列表
nvm list available

# 安装最新的 LTS 版本
nvm install lts

# 或者安装特定版本,如 20.19.0
nvm install 20.19.0

# 使用新安装的版本
nvm use 20.19.0

完成之后根据前面创建vue项目的步骤就可以正确完成创建啦!

相关推荐
崔庆才丨静觅3 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby60614 小时前
完成前端时间处理的另一块版图
前端·github·web components
掘了4 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅4 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅4 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
崔庆才丨静觅5 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment5 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅5 小时前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊5 小时前
jwt介绍
前端
爱敲代码的小鱼5 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax