vue3:一、项目创建

已于 2025-03-10 10:51:12 修改
阅读量750 收藏 14
点赞数 13
分类专栏： VUE3-TP8-Element 文章标签： vue
于 2025-02-25 21:10:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_46001736/article/details/145861404
版权

一、nodejs的安装及验证

1、下载及安装

下载 | Node.js 中文网https://nodejs.cn/download/不会的可根据网上的安装步骤完成，一搜就有

2、验证是否安装成功

win+r

输入命令检查版本是否存在

node -v 检查node是否安装成功

npm -v 检查其中的npm是否安装成功

像上图出现版本表示安装成功

二、创建vue项目

1、选择一个文件夹

最低0.47元/天 解锁文章
如何创建一个vite+vue3+ts项目（小白必看）
蜗牛~~
06-15 2642
当修改代码时，HMR 能够在不刷新页面的情况下，把页面中发生变化的模块，替换成新的模块，同时不影响其他模块的正常运作。在我们使用 node 方法（比如 path.resolve）时提供 ts 类型声明，否则编辑器会报错，虽然不影响代码运行，但是会有红线很影响心情，如下图所示。Pinia 支持热更新，所以你可以编辑你的 store，并直接在你的应用中与它们互动，而不需要重新加载页面，允许你保持当前的。（2）写好页面之后，我们来创建路由，在 src 路径下新建 router/index.ts。
从零开始：如何用 Vue 3 和 Vite 创建现代前端项目
最新发布
一名热衷于技术的全栈开发者，专注于前端与后端的全面技术探索。在这里，我将分享我在技术领域的学习与成长，助力更多开发者的进步。
02-14 1907
希望本文对你在 Vue 3 项目的开发过程中有所帮助，下一步可以根据项目需求进行更多的插件集成和自定义配置，打造一个符合你需求的现代化前端项目。的极速构建与开发体验，使得开发过程更加高效和灵活。如果你还没有试过 Vite，建议尽快体验它，尤其是在开发速度和构建优化方面，Vite 会给你带来巨大的帮助。从零开始搭建一个前端项目，并展示一些常见的项目配置和优化技巧，帮助开发者高效创建并维护现代化的前端应用。则是一个现代化的构建工具，它通过引入原生 ES 模块支持和极快的开发模式，成为前端开发的新宠。
monorepo基础搭建教程（从0到1 pnpm+monorepo+vue）
lplovewjm的博客
09-19 1622
有个项目要引入一个第三方库，但是第三方库下载下来的npm包不能满足完整需求。所以想用monorepo的方式来引入这个第三方库，并且可以修改第三方库的内容。基于此，学习了monorepo的相关基础知识，本文主要讲解monorepo如何从0到1搭建。
手写Vue3源码——搭建Monorepo环境
weixin_42789698的博客
06-29 305
创建.npmrc文件 创建pnpm-workspace.yaml文件 项目根目录创建packages文件夹 使用pnpm安装我们需要的包 cd到reactivity目录下，执行命令：pnpm init修改创建的package.json 同理，shared文件夹也同样操作创建一个tsconfig.json文件，也可以命令行：pnpm tsc --init...
【Vue3源码】1.搭建Monorepo环境进行Vue3学习开发
Minf的博客
10-29 1643
Monorepo是管理项目代码的一个方式，指在一个项目仓库repo中管理多个模块/包package。Vue3源码就是采用 monorepo 方式进行管理，将模块拆分到package目录中。
1.Vue3环境搭建
wenyeqv的博客
06-02 744
Vue3源码打包流程
Vue3 Vite Monorepo模板安装与使用教程
gitblog_00088的博客
06-23 496
Vue3 Vite Monorepo模板安装与使用教程 vue3-monorepo-temp 项目地址: https://gitcode.com/gh_mirrors/vu/vue3-monorepo-temp ...
「Vue3系列」Vue3起步:创建项目.md
06-13
「Vue3系列」Vue3起步:创建项目
如何快速创建一个 vue3 项目？
sinat_33255495的博客
01-17 1141
Vue CLI：功能强大，支持多种配置和插件，适合复杂项目。Vite：开发体验极佳，启动速度快，适合现代前端项目。官方模板：简单快捷，适合快速上手。StackBlitz 和 CodeSandbox：在线编辑，无需本地环境，适合快速原型开发和学习。你可以根据自己的需求和偏好选择适合的方法来创建 Vue 3 项目。
Vue3.0 + Ts 项目框架搭建一：创建项目
weixin_44209082的博客
04-17 2862
前言 本文目的在于记录自己项目框架搭建的过程。 一、项目创建 vue create vue3_ts_demo 接下来是具体选择： 注：根据你需要用方向上下键选择对应功能（按 “空格键”选择/取消选择，A键全选/取消全选，I键进行反选） 插件介绍： TypeScript // JavaScript的一个超集（添加了可选的静态类型和基于类的面相对象编程） Processive Web App（PWA）Support // 渐进式Web应用程序 Router
vue3核心语法
m0_69502730的博客
08-24 223
vue3核心语法
避免通知等待中死锁
lucyxu107的博客
06-12 395
 notify通知的遗漏很容易理解，即threadA还没开始wait的时候，threadB已经notify了，这样，threadB通知是没有任何响应的，当threadB退出synchronized代码块后，threadA再开始wait，便会一直阻塞等待，直到被别的线程打断。   遗漏通知的代码     下面给出一段代码演示通知是如何遗漏的，如下： public
搭建一个vue3+vite+ts项目
fukua007的博客
07-29 327
一.打开要创建vue项目的文件夹，打开cmd框 二. 使用vite最新版本构建项目 npm init vite@latest 三.Ok to proceed? (y) y 四 . 输入项目名称Project name: ... vite-dome 选择要用的框架 选择要用的语言 Enter回车，项目创建完成 用VSCode打开项目， npm run dev启动项目
React脚手架的使用
前端之行，任重道远！
09-11 2984
1.初始化项目： npx create-react-app my-app my-app为自己需要创建的项目名称（自定义） 执行上述指令后会有以下提示：需要安装 create-react-app，输入y点击回车即可 Need to install the following packages: create-react-app Ok to proceed? (y) 等待安装，出现下图情况表示安装完成： 然后执行： cd my-app npm start 点击链接打开： react脚
一、VUE杂谈一
weixin_42710036的博客
10-19 656
VUE杂谈
Vue3 开发环境 配置
lzxs3000的博客
01-20 546
porject name 工程名字 ，后面 按提示 先择。其中 latest 是你的项目名。2. 输入 cd 进到你的工程目录。3. 输入 npm install。1.到官网下载并一步步安装就行。你的工程就运行起来了，复制 网子。4 .输入 run dev。打开 就看到一个网页了。
搭建Vue3+vite项目
fanlao4203的博客
01-18 251
首先进入项目路径 npm init vite ok to proceed ==>y project name==>项目名 select==>vue 下一步 进入工作路径cd XXX npm i 安装node_modules
如何创建一个vue项目
507834010的博客
09-22 3486
这个命令通常用于启动开发环境。它可能会启动一个带有热重载（Hot Module Replacement, HMR）功能的本地开发服务器，这样当你修改代码时，浏览器会自动刷新，而不需要手动刷新。它可能会包含更详细的日志输出，方便开发者调试。它可能不会进行代码压缩或优化，以便于开发时的快速迭代。这个命令可能是用来启动一个生产环境的服务器。它可能会构建一个优化过的版本，包括代码压缩、代码分割、去除无用代码等。它可能不会包含热重载功能，因为这是开发时的特性。
创建vue3项目运行npm create vue@latest报错
weixin_60101822的博客
04-10 6218
创建vue3项目运行npm create vue@latest报错解决办法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

25号底片~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值