vue3学习 【1】开发环境准备

最新推荐文章于 2024-07-08 16:38:47 发布
最新推荐文章于 2024-07-08 16:38:47 发布
阅读量374 收藏 5
点赞数 7
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23370345/article/details/135367756
版权
本文介绍了如何在Linux和Windows系统上使用nvm（NodeVersionManager）来安装和管理特定版本的Node.js（如Vue3所需的node18），以便在vsCode中方便地切换和使用不同的node环境。
摘要由CSDN通过智能技术生成

安装vsCode

vscode官网地址

nvm安装

推荐使用nvm进行node管理，vue3需要node18+,所以需要安装版本，使用nvm可以管理多个node版本，方便使用和切换

安装方式

linux
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

执行完毕后请关闭终端在打开

参考网址

windows

下载地址
一直下一步即可
参考网址

shao.zq
关注
  • 7
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue3学习文档
qq_41882944的博客
05-15 3919
铺垫 p136 vue3简介 文档 tag版本-v3.0.0-这个一个比较重要的里程碑 提升-相比于vue2 1.性能提升（打包、渲染……） 2.源码升级（使用Proxy代替defineProperty实现响应式、重写虚拟DOM的实现和Tree-Shaking） 3.拥抱ts 4.新的特性 tree shaking概念 摇树-实际上就是把不要的代码移除 vue3新的特性-其他改变 1.新的生命周期钩子 2.data 选项应始终被声明为一个函数 3.移除keyCode支持作为 v-on 的修饰符
VUE3 插件的开发和使用
m0_49515138的博客
02-07 5493
传统的 Webpack 可以用来构建 npm 包文件，但按照目前更主流的技术选项，编译结果更干净更迷的当属 Rollup ，但 Rollup 需要配置很多插件功能，这对于刚接触包开发的开发者来说学习成本比较高，而 Vite 的出现则解决了这个难题，因为 Vite 的底层是基于 Rollup 来完成构建，上层则简化了很多配置上的问题，因此接下来将使用 Vite 来带领开发者入门 npm 包的开发。的新声明 (.d.ts) 文件 ts(7016)
vue3项目前期环境搭建
2401_83026325的博客
03-22 400
安装完element，我们就能够在 Vue 项目中愉快地使用 Element UI 提供的按钮、表单、对话框等各种漂亮的组件。完成后双击Path，，新建%NODE_HOME%（百分号里面填你上面的变量名）和D:\dev\node_global。新建系统变量"NODE_HOME",然后打开解压好的Node.js文件夹，把路径复制到变量值里。在src文件夹中新建一个文件夹router及一个文件index.js。1.输入chinese下载一个将vscode翻译为中文的插件。3.安装vue router。
【Vue3源码学习】— 准备工作
YSG的博客
03-13 1018
进入Vue 3的世界，意味着踏上了探索现代JavaScript框架的精髓之旅。Vue 3不仅仅是一个版本迭代，它代表了Vue生态系统的一次飞跃，引入了许多创新的特性和改进，比如Composition API、响应式系统的重写，以及更好的TypeScript集成。为了深入理解这些概念，掌握Vue 3的内部机制，我决定从源码层面开始我的学习之旅。学习源码是一个既挑战又充满奖赏的过程。它不仅是学习一个框架，同时也会对JavaScript进行更深入的学习，还需要对工程化和现代前端开发流程有所了解。
前端开发学习 (一) 搭建Vue基础环境
默子昂
11-16 1116
2、配置环境变量 3、配置npm加速源 4、npm安装vue/cli 5、创建vue项目 返回 6、项目目录结构分析 项目主目录，所有vue、js、css文件都放在这里，包含如下文件 应用的入口文件，Vue 实例的创建和根组件的挂载都会在这里进行。 存放 Vue 组件文件的目录。 存放静态资源文件的目录，如图片、字体等。 存放路由组件文件的目录，通常用于组织不同路由对应的页面组件。
【Vue3源码】1.搭建Monorepo环境进行Vue3学习开发
Minf的博客
10-29 1348
Monorepo是管理项目代码的一个方式，指在一个项目仓库repo中管理多个模块/包package。Vue3源码就是采用 monorepo 方式进行管理，将模块拆分到package目录中。
Vue的开发环境
qq_52192741的博客
10-06 3585
vue的开发环境的配置
vue开发环境搭建部署（mac版）
zwrlj527的专栏
11-06 1318
目前我们是springBoot + vue，有手持终端就用uniapp + vue。今天不讲其他也就是把公司的前端项目下载下来跑起来，看看效果，后期在具体学写。开发环境其实不难部署其实也不难对于我个人而已其实难的是写页面、样式至于是用ES还是TS，个人而言，可能TS需要学习，ES还是信任自己的JS基础的。后面再跟大家分享写的过程吧。
vue3一天内快速学习
abcnull 的博客
03-19 1114
最流行的前端框架之一，本篇博文期望快速阅览 vue3 的知识点，1 天内看完，剩下就是熟练加综合应用了npm 是包管理工具，相当于可以用它从中央仓库中拿到依赖包node.js 实际上就是 js 的运行环境其实就是子组件 script 脚本中如果通过 $emit 给某个 key 赋值 value，然后在父组件中就能自定一个事件，这个事件就是@key，然后函数名中的(data)就是反向传过来的 value 了看栗子，子组件foo() {
Vue学习笔记01：准备开发与调试环境
howard2005的专栏
07-21 691
文章目录一、安装Vue.js（一）使用独立版本1、开发版本2、生产版本3、案例演示（二）使用CDN方式（三）使用NPM方式 一、安装Vue.js （一）使用独立版本 直接从Vue官网（https://vuejs.org/）上下载Vue的JavaScript脚本文件。 1、开发版本 https://vuejs.org/js/vue.js 2、生产版本 https://vuejs.org/js/vue.min.js 3、案例演示 MVVM架构图 下载vue.js 创建index.html
Vue学习资料-预习课01：开发环境准备
05-08
Vue预习课：开发环境准备 Vue预习课：开发环境准备 Visual Studio Code安装及使用 下载地址 使用指南 代码提示 调试 Git集成 扩展 vue-cli安装及使用 安装 使用 快速原型开发 创建项目 使用插件 Visual Studio Code...
小兔鲜儿vue3开发资料文档
09-18
总的来说，“小兔鲜儿vue3开发资料文档”这个压缩包很可能是为了帮助开发者熟悉和掌握Vue3的新特性和最佳实践而准备的。它将涵盖从基础概念到高级技巧的全面内容，无论你是初学者还是经验丰富的Vue开发者，都能从中...
使用d3vue开发的Topo图
08-12
1. **环境准备**：确保已安装Node.js和Vue CLI，创建一个新的Vue项目，并安装d3vue依赖（`npm install d3vue`）。 2. **设计数据模型**：定义拓扑图中的节点（nodes）和边（links）数据结构，这可以是JSON格式的...
vue3+threejs开发TCG卡牌游戏demo
03-31
在本项目中，开发者使用了Vue3和Three.js来创建一个TCG（Trading Card Game，集换式卡牌游戏）的演示版本。...对于希望学习Vue3和Three.js结合开发3D应用的开发者来说，这是一个有价值的参考项目。
vue3+ts入门（todolist案例）
02-10
1. **Vue3 的主要更新**： - **Composition API**：Vue3 引入了 Composition API，允许开发者更灵活地组织和重用组件逻辑。相比于 Vue2 的 Option API，Composition API 提供更好的模块化和代码复用。 - **...
Vue3+Element-plus的表单重置
weixin_49352307的博客
07-04 359
1.创建表单,绑定表单数据对象model,并且每一表单需要绑定prop。作用:简化代码,重置表单数据。
Vue前端打包
weixin_63680330的博客
07-04 300
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。
vue在线预览excel、pdf、word文件
最新发布
weixin_48811255的博客
07-08 370
在线预览文件
新建Vue工程的几种方法
黔肆的博客
07-04 307
新建vue工程的几种方法，关键词：@vue/cli ,vite , parcel , webpack
uniapp开发环境准备
05-25
要开始使用UniApp进行开发，您需要准备以下开发环境： 1. 安装 Node.js：UniApp基于Node.js开发，因此您需要安装 Node.js。您可以从官方网站 https://nodejs.org/ 下载并安装最新版本的Node.js。 2. 安装 HBuilder...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值