(转)已有 vue2 环境下安装 vue3 和vue2并新项目构建

vue2 全局安装过,废话不多说,直接装 vue3 吧

  1. 安装 vue3.X 不再需要安装 vue/cli3 的脚手架,而是通过官方推荐的 Vite 开发构建工具快速搭建,具体可查看官方文档 https://vue3js.cn/docs/zh/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-cli

     

  2. 然后 npm  run dev  即可运行:如图

如果你只想单独升级脚手架 vue/cli3+(目前已经到 cli4.5.X+),那么就按以下的安装方式吧:

  1. 新建一个存放 vue3 的文件夹,目录不能含中文

  2. 在当前文件夹下打开 cmd, 安装 vue/cli 最新的脚手架
    npm i @vue/cli

  3. 安装完后发现生成了 node_modeules 文件夹,打开 bin 文件夹。
    将 bin 文件夹下的 vue 和 vue.cmd 文件改为 vue3 和 vue3.cmd,避免 和全局的 vue 冲突。

  4. 用 cmd 进入 node_modeules.bin 文件,输入 vue3.cmd -V
    显示版本号代表成功。

  5. 通过修改环境变量来设置全局变量
    新建 vue3 的环境变量 变量名:vue3 变量值 :你安装 vue3 的到.bIn 文件路径
    我的电脑右键 - 属性 - 高级系统设置 - 环境变量 - 系统变量新建 - 确定
     


    然后把 vue3 的变量加到 path 变量中去。值是 % vue3%

  6. 此时随便在一个文件夹下运行 vue3 -V 就能看到版本信息了,如果没显示可重启电脑,再运行 vue3 -V

  7. 现在可以任意新建一个文件夹,创建一个 vue3 的项目了。
    运行 vue3 create my_test   创建 my_test 项目
     


     

  8. cd my_test 进入当前项目,npm run serve 运行,即 vue3 项目创建成功
     


     


     

  9. 常规 vue2.x 项目创建和安装与之前保持不变,即 vue init wepack xxxxx,其他插件安装请参考 vue 文档。

如果你本地已经装有 vue2.0+,那么安装 vue3 的这些操作请勿全局安装,否则会影响现有 vue2 的环境
vue2.x 与 vue3.0+  差异及对比后续补充。



转自:在已有vue2环境下安装vue3和新项目构建,vue2和vue3同时存在 - 五个半柠檬 - OSCHINA - 中文开源技术交流社区

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/540575.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

第六节:使用SMB开发WebService

一、概述 webservice在日常开发中是常用的接口形式,SMB在设计之初就将webservice作为重要的代理协议。在组件库中提供了webservice input和webservice output两个组件,分别用于发布接口和调用接口。 二、发布webservice 在csdnProject工程中创建名为c…

C语言从入门到实战————数组和指针的深入理解

前言 在C语言中,数组和指针有的密切得联系,因为数组名本身就相当于一个指针常量。指针是一个变量,专门用来存储另一个变量的内存地址,通过这个地址可以访问和操作该变量的值,同时也包括数组。数组是一组连续存储的同类…

Dynamic Capacity Service for Improving CXL Pooled Memory Efficiency——论文阅读

IEEE Micro 2023 Paper CXL论文阅读笔记整理 问题 传统系统面对大容量和高带宽内存需求时存在的挑战: 内存墙。计算系统的最新趋势表明,内存性能的提高没有跟上计算性能的步伐。扩展内存带宽和容量的一个可行解决方案是增加中央处理器(CPU&…

linux板子vscode gdb 远程调试

板子:hi3556v200 交叉编译工具:arm-himix200-linux 主机:win10虚拟机的ubuntu16.4 gdb:gdb-8.2.tar.gz 1.在ubuntu交叉编译gdb(Remote g packet reply is too long解决) 建议修改gdb8.2/gdb目录下面的remote.c解决…

ConcurrentHashMap 为什么不能插入 null?

1、典型回答 简单来说,ConcurrentHashMap 不允许插入 null 值是JDK 源码规定的,如下源码所示(此源码基于JDK 1.8): 从上述源码可以看出,在添加方法的第一句就加了判断:如果 key 值为 null 或者是 value 值为 null&…

电梯机房秀 系列二

上次小伍带大家看了部分机房的照片,并且简单介绍了一下电梯能量回馈装置,小伙伴们表示很新奇,没看够,今天小伍又来了,带大家看一下电梯能量回馈装置到底安装在电梯什么位置。跟着小伍去看看吧。Lets go! 电…

解决提示无法使用内置管理员账户打开Microsoft Edge的方法

图片出自链接:解决提示无法使用内置管理员账户打开Microsoft Edge的方法

如何识别代理IP的真实地理位置

目录 一、代理IP的概述 二、识别代理IP真实地理位置的方法 IP数据库查询 反向DNS查询 网络延迟测量 三、案例分析与代码实现 四、总结与展望 随着网络技术的不断发展,代理IP的使用越来越广泛,但这也给网络安全和数据分析带来了挑战。代理IP可以隐…

我记不住的那些命令-xxdod

背景: 这里记录一下具体的xxd和od命令参数和使用方法,我想我肯定是记不住这些参数的。 零、文件 我们这里有一个示例文件README.txt,内容如下图所示: 一、xxd(查看、编辑二进制文件) 1. 十六进制显示(默认) 我们发现上面的显…

【WPF】Canvas的Path画线 颜色值偏差和面积不准确

图像中左上角2个红色线段 颜色值有偏差&#xff0c;且线段高度不准确&#xff08;我设置的是Red,1&#xff09;。 解决方案&#xff1a; 1、PathGeometry PathFigure LineSegment 2、Stretch设置Fill <Path Stretch"Fill" Stroke"Red"…

macOS - 获取硬件设备信息

文章目录 1、CPU获取方式 一&#xff1a; system_profiler获取方式二&#xff1a;sysctl&#xff0c; machdepmachdep 2、内存3、硬盘4、显卡5、声卡6、光驱7、系统序列号8、型号标识符9、UUID 等信息 10. 计算机名称 1、CPU 获取方式 一&#xff1a; system_profiler % syst…

LeetCode.2864. 最大二进制奇数

题目 2864. 最大二进制奇数 分析 这道题目其实我们只需要保证最后一位是1&#xff0c;其余的1都放在最前面&#xff0c;这样得到的就是最大二进制奇数。 所以&#xff0c;我们先统计给定的字符串有多少个 1&#xff0c;多少个 0&#xff0c;把其中一个 1 放在最后一位&…