Vue3安装配置、开发环境搭建(组件安装卸载)(图文详细)
创始人
2025-05-30 18:37:45
0

Vue3安装配置、开发环境搭建(组件安装卸载)(图文详细)

本文目录:

一、vue的主要安装使用方式

二、node.js安装和配置

1、支持运行 Node.js的平台

2、Node.js 版本开发发布时间表(日期可能会有变化)

3、下载安装node.js

4、node.js环境配置

(1)、检查node 和npm版本信息

(2)、配置npm下载时的默认安装目录和缓存日志目录

(3)、npm配置镜像站

(4)、配置环境变量

三、npm 安装vue 和脚手架、webpack模板

(1)、下载安装vue.js

(2)、验证vue安装

(3)、安装 webpack 模块

(4)、安装vue-cli 3.x脚手架

(5)、安装vue-router V4

(6)、查看一下npm的全局情况

四、打开Vue 项目管理器

五、创建运行 vue 3 项目

六、使用TypeScript进行开发 Vue3 的代码

七、vue及组件的卸载

八、vue项目结构

九、vue学习资源

十、Vue 安装过程中遇到的问题记录

十一、常见的npm命令


一、vue的主要安装使用方式

  Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。

  Vue.js是一个MVVM(Model - View - ViewModel)的SPA框架。

  • Model:数据。
  • View:视图。
  • ViewModel:连接View与Model的纽带。

  Vue.js的安装使用方式有几种,简单的只需要引入一个第三方的JS包即可。在中引入Vue.js包。

  本地搭建 Vue 单页应用,可使用npm安装方式,即本文主要内容。

使用全局构建版本#

使用了全局构建版本的 Vue,该版本的所有顶层 API 都以属性的形式暴露在了全局的 Vue 对象上。这里有一个使用全局构建版本的例子:


{{ message }}

相关内容

热门资讯

Django实现图书馆管理系统 1.创建项目library和应用程序 django-admin startproject libra...
python UDP、TCP ... 👨‍💻个人简介: 深度学习图像领域工作者 dz...
四川旅游攻略自由行攻略跟团游6... 四川之美:自然与文化的完美融合 四川旅游推荐!当地导游-乐乐:185 8335 5758(加他微信-...
【软考笔记】2. 操作系统基本... 进程管理 进程的状态前驱图PV 操作死锁问题 进程的状态 三状态:运行态、就绪态、等待...
【小猫爪】AUTOSAR学习笔... 【小猫爪】AUTOSAR学习笔记13-功能安全之WdogM模块前言1 看门狗架构2 WdogM模块功...
使用流水线插件实现持续集成、持... 流水线插件 是基于 Rainbond 插件体系 扩展实现,通过插件化的方式࿰...
DRBG_Instantiat... rd_key  0x3b +1 0x3c =   60 60个int = 2...
餐厅菜单变“考卷”?网友吵翻了... 餐厅菜单变“考卷”?网友吵翻了,这到底是创意还是噱头?最近,一家餐厅整了个“试卷菜单”,直接火出圈了...
西瓜节上有“宝藏”!天津静海台... 天津北方网讯:5月31日傍晚,在静海台头镇北二堡村,“瓜田奇遇 清凉之旅”第十一届台头西瓜文化旅游节...
机器学习笔记之集成学习(五)梯... 机器学习笔记之集成学习——梯度提升树[GBDT]引言回顾:Boosting\text{...
vmware中centos7实... 前言 在开发收银系统SAAS版本时,采用的是centos服务器,经常需要...
开源物联网平台推荐介绍 开源物联网平台调研 文章目录开源物联网平台调研一、 调研推荐开源物联网平台及背景介绍二、社区支持度与...
“端午”假期刚开始,无锡这里上... 迎着今年“端午”假期的开启,5月30日晚,位于无锡市惠山古镇景区的“宝善坊”正式开街,上演“人从众”...
学习Java——泛型 目录 什么是泛型 泛型带来的问题 1、当泛型遇到重载 2、当泛型遇到catch 3、当泛型内包含静态...
HTTP协议协议报文结构请求响... 目录 一. 何为HTTP 1. 简单理解HTTP协议的工作过程  2. Fiddler抓包工具  2...
[ 漏洞复现篇 ] Jooml... 🍬 博主介绍 👨‍🎓 博主介绍:大家好...
【类和对象的使用的知识点——案... 文章目录类和对象的使用的知识点封装封装的意义struct和class区别成员属性设置为私有对象的初始...
青瓜虾滑饼:清爽黄瓜与鲜嫩虾滑... 准备材料:黄瓜虾滑盐白胡椒粉具体步骤: 黄瓜刨丝:将黄瓜刨成细丝。点盐杀出水分:在黄瓜丝上撒适量的...