我的VUE开始了，这是第一篇

最新推荐文章于 2023-02-16 15:26:59 发布
最新推荐文章于 2023-02-16 15:26:59 发布
阅读量142 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41605410/article/details/90487408
版权

VUE入门记录 01 选择IDE和VUE版本 以及 helloworld

IDE选择: VS code

关于为什么选择VS code
大佬的博客，有问题的时候回来看看
官网地址

当然得先安装开发环境了

安装nodejsnode官网
安装结束后 node -v 显示版本 即安装成功
在这里插入图片描述npm 的服务器在国外，你们懂得，然后淘宝团队给我们放了个镜像在国内，咱们用cnpm。
安装命令是 npm install -g cnpm --registry=http://registry.npm.taobao.org
安装成功安装vue-cli 脚手架
cnpm install -g vue-cli
安装vue-cli脚手架使用vue-cli构建项目
首先我们创建一个node项目的文件夹，然后在这个文件夹里创建项目
mkdir nodeworkspace

然后我们进入这个目录
cd nodeworkspace

构建我们的第一个项目
vue init webpack firstVue
在这里插入图片描述
这里的项目名限制了不能包含大写字母

中间出了一些差错，我把vue升级到了3.7.0版本，2.9.3版本在创建项目时会卡在project name，更新版本就好了

升级vuecli3版本遇到的问题

最后

成功了vue项目创建成功

接下来我们就用VS code来对它进行调试

参考1
参考2
vetur vue语法高亮
在这里插入图片描述eslint 智能错误检测
eslint
prettier 代码格式化
在这里插入图片描述我们用VScode打开 helloworld/src/components/HelloWorld.vue

在这里插入图片描述改改msg, 再在我们的/helloworld 目录下执行 npm run dev
我们的第一个vue项目，helloworld 构建成功！
改了下msg

tfincsdn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue AST源码解析第一篇
12-01
第一个在第7531行，被标记为“public mount method”，第二个在第9552行。第二个定义晚于第一个，因此在运行时会覆盖前面的定义。这两个函数的主要职责是接收`el`参数（挂载目标）和`hydrating`参数（用于服务器端...
前端主流框架vue学习笔记第一篇
12-10
Vue.js 的第一个示例通常是从"Hello World"开始的。在HTML文件中，我们需要引入Vue.js库，这里通过CDN链接引入。创建`index.html`文件，然后在`<head>`标签内引入Vue.js的CDN链接。接着，在`<body>`内创建一个`<div>...
vue内存泄露问题及处理方法
demowyz的博客
02-14 6122
vue内存泄露问题及处理方法
tfjs vue 风格迁移 展示
阿豪
11-07 177
原文链接: tfjs vue 风格迁移 展示 上一篇...
16款优秀的Vue UI组件库推荐
weixin_30354675的博客
01-21 4017
16款优秀的Vue UI组件库推荐 Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。在选择Vue UI组件库的过程中，通过...
npm run dev运行报错 error in ./src/App.vue error in ./src/components/HelloWorld.vue问题
H5爱好者
05-28 6万+
运行项目时候出现的问题Windows PowerShell 版权所有 (C) Microsoft Corporation。保留所有权利。 PS C:\Users\Administrator&gt; cd E:\projectwork\vuework\sell PS E:\projectwork\vuework\sell&gt; npm install npm WARN optional SKIP...
TF框架学习笔记
doctorq
06-04 4951
TF：Trade Federation
Vue学习之从入门到神经(两万字收藏篇)
热门推荐
白大锅的博客，毕设WangLoveBai_999
07-20 37万+
Vue史诗级教程系列文章，欢迎订阅专栏
Vue2转Vue3快速上手第一篇（共两篇）
NanChen的博客
08-11 2420
v2-v3的学习成本不高，只要有v2基础，基本可以上手vue3setup中不能访问v2的配置比如data，methods等使用ref可以创建一个对象，可以是基本类型，也可以是对象 例如： 这是一个对象类型的响应数据，例： 例： 特性，也可以说成和watch的区别 所有的声明周期要放在setup中 Vue3的生命周期如下： 1、beforeCreate -> 使用 setup()2、created -> 使用 setup()3、beforeMount -> onBeforeMount4、mount
vue2 使用 cesium 篇 【第一篇】
大家好，我是 ed.
02-16 7187
今天好好写一篇哈，之前写的半死不活的。首先说明：这篇博文是我边做边写的，小白也是，实现效果会同时发布截图，如果没有实现也会说明，仅仅作为技术积累，选择性分享，不做教学哈。不好别喷。
vue实现上一篇下一篇
weixin_45233925的博客
08-30 1688
实现上一篇，下一篇
vue3核心技术实战第一版
04-13
- **setup函数**：Vue3引入了`setup`函数，它是组件初始化时执行的第一个方法，用于设置响应式数据和处理生命周期逻辑。 - **defineComponent函数**：用于创建组件实例，提供了一种更严格的方式来定义组件的选项。...
pi_heif-0.17.0-cp310-cp310-manylinux_2_17_aarch64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
Numper基础（一）
07-27
Numper基础（一）
C语言写的潮流计算大作业代码.zip
最新发布
07-27
c写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zip
关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型.docx
07-27
大模型（Large Models），尤其是指预训练的大规模语言模型，在自然语言处理（NLP）、计算机视觉（CV）等领域取得了显著的进步。以下是一些关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型： 1. 大模型教程资源 官方文档： 大多数大型模型都会在其官方网站或GitHub页面上发布详细的文档，包括模型介绍、安装指南、使用示例等。 例如，Hugging Face的Transformers库提供了丰富的文档和教程。 在线课程： Coursera、edX等在线教育平台上提供了关于大模型的课程。 例如，斯坦福大学的NLP课程通常会涵盖最新的大模型技术。 博客文章： Medium、Towards Data Science等平台上有很多关于大模型的文章，这些文章通常由专业人士撰写，包含实战经验和技巧。 视频教程： B站（bilibili.com）和YouTube上有很多关于大模型的教程视频，适合初学者入门。 2. 调用API和使用技巧 Hugging Face Transformers： 提供了多种预训练模型的加载和调用方式。 Hugging Face文档 是一个非常
pi_heif-0.17.0-cp39-cp39-macosx_14_0_arm64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
07-27
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
[毕设]酒店管理系统PPT与源码展示.zip
07-27
[毕设]酒店管理系统PPT与源码展示
帮我写一篇关于vue的介绍吧
06-10
Vue是一款轻量级的JavaScript框架，专门用于构建用户界面。它是由华人程序员尤雨溪创建的，其设计初衷是为了解决现有框架的缺陷和不足。Vue采用了双向数据绑定和组件化的思想，使得开发者可以更加高效地构建交互式的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值