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

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 }}

相关内容

热门资讯

松滋市周边亲子游景点推荐 在忙碌的生活中,亲子游成为了增进亲子关系、让孩子亲近自然与体验生活的绝佳方式。松滋市周边有不少适合亲...
“超级皖”美食争霸赛,将迎来终... “超级皖”美食争霸赛将在合肥迎来终极对决—— “美食江湖”何以破圈 当皖北平原的豪爽劲儿遇见淮河两岸...
春节假期前一天遇上情人节,浪漫... 2026年春节假期前的最后一个工作日撞上情人节,浪漫经济与年味经济叠加,带动文旅消费热度激增。同程旅...
来云南过大年!昆明官渡古镇发布... 云南网讯(记者 段芃)春风拂面,年味渐浓。随着2026年马年春节的脚步临近,昆明官渡古镇景区发布20...