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项目的步骤就可以正确完成创建啦!

相关推荐
子兮曰1 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰1 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万1 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝1 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
A黄俊辉A1 天前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
三十而立洋1 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁1 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
李少兄1 天前
JavaScript 隐式全局变量解析
javascript
honkun61 天前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vue.js·vxe-table
kybs19911 天前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net