当前位置: 首页 > article >正文

0.初始化项目(Vue2升级到Vue3)

1.升级版本

1.1.查看版本

$ vue -V
2.9.6

1.2.卸载Vue2

sudo su -
npm uninstall vue-cli -g

1.3.安装最新版本

npm install @vue/cli -g

1.4.查看版本

$ vue -V
@vue/cli 5.0.6

2.创建项目

2.1.执行命令

vue create my-vue-3

Please pick a preset: Default ([Vue 3] babel, eslint)

选择 Vue3, 按照回车键, 生产下面代码:

在这里插入图片描述

2.1.vscode安装插件

Vue Language Features (Volar)
在这里插入图片描述

3.命令

3.1.启动命令

npm run serve

设置host和port
在项目根目录下,存在一个vue.config.js文件, 修改下面的地方:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer:{
    host: '127.0.0.1',
    port: 8080
  }
})

http://www.kler.cn/a/316826.html

相关文章:

  • 爬虫基础(三)Session和Cookie讲解
  • 信号处理以及队列
  • 如何监控ubuntu系统某个程序的运行状态,如果程序出现异常,对其自动重启。
  • [C语言日寄] <stdio.h> 头文件功能介绍
  • 图漾相机——C++语言属性设置
  • 基于Langchain-Chatchat + ChatGLM 本地部署知识库
  • 物联网新闻2024.09.16-2024.09.22
  • flume系列之:出现数据堆积时临时增大sink端消费能力
  • LAMP环境搭建记录:基于VM的Ubuntu虚拟机
  • 编译成功!QT/6.7.2/Creator编译Windows64 MySQL驱动(MSVC版)
  • (学习记录)使用 STM32CubeMX——GPIO引脚输入配置
  • 实时数据的处理一致性
  • JavaScript(JS)学习笔记 3(DOM简介 事件简介 元素修改 节点操作 事件操作)
  • MySQL:事务隔离级别
  • Kubernets基础-包管理工具Helm详解
  • 计算机组成原理==初识二进制运算
  • Redisson分布式锁主从一致性问题
  • CentOS修改主机名
  • 【已解决】如何使用JAVA 语言实现二分查找-二分搜索折半查找【算法】手把手学会二分查找【数据结构与算法】
  • 用Qt 对接‌百度AI平台
  • 响应式流规范
  • 胤娲科技:谷歌DeepMind祭出蛋白质设计新AI——癌症治疗迎来曙光
  • DoppelGanger++:面向数据库重放的快速依赖关系图生成
  • JavaScript语法特点
  • linux 使用mdadm 创建raid0 nvme 磁盘
  • 深入理解SpringBoot(一)----SpringBoot的启动流程分析