草庐IT

vue2.0 和 vue3.0 环境在同一台电脑上分别运行

暴躁程序员 2023-03-28 原文

局部安装 vue2.0 环境

  1. 局部安装环境
    新建 vue2 文件夹，使用 cmd 打开并执行
npm install vue-cli@2.9.6

成功后，会在 vue2 文件夹下生成 node_modules 依赖

  1. 检测是否安装成功
    打开vue2 文件夹下的执行文件，即：vue2\node_modules\.bin ，使用 cmd 打开并执行
vue -V
  1. 修改 vue2 文件夹下的 vue.cmd 名称 为 vue2.cmd，用来区分 vue2.0 和 vue3.0 的执行环境
1. 将vue2\node_modules\.bin\vue.cmd 文件名称改成 vue2.cmd
即：vue2\node_modules\.bin\vue.cmd ---> vue2\node_modules\.bin\vue2.cmd
2. 再次输入 vue -V 检测版本，会出现：'vue' 不是内部或外部命令，也不是可运行的程序
此时需要输入 vue2 -V 才可正确检测 vue 环境版本
  1. 将 vue2\node_modules\.bin 配置到系统环境变量
1. 打开系统环境变量
变量名：VUE2
变量值：E:\vue2x-vue3x\vue2\node_modules\.bin （此路径是 vue2 文件夹下的执行文件的绝对路径）
2. 将配置好的变量添加到 path里，即： %VUE2%

成功后就可以全局调用 vue2 命令，启动 vue2.0 环境

  1. 创建 vue2.0 项目
    新建 test 文件夹用于存放项目，cmd 打开并运行
vue2 init webpack vue2-project

局部安装 vue3.0 环境

  1. 局部安装环境
    新建 vue3 文件夹，使用 cmd 打开并执行
npm install @vue/cli

成功后，会在 vue3 文件夹下生成 node_modules 依赖

  1. 检测是否安装成功
    打开 vue3 文件夹下的执行文件，即：vue3\node_modules\.bin ，使用 cmd 打开并执行
vue -V
  1. 修改 vue3 文件夹下的 vue.cmd 名称 为 vue3.cmd，用来区分 vue2.0 和 vue3.0 的执行环境
1. 将vue3\node_modules\.bin\vue.cmd 文件名称改成 vue3.cmd
即：vue3\node_modules\.bin\vue.cmd ---> vue3\node_modules\.bin\vue3.cmd
2. 再次输入 vue -V 检测版本，会出现：'vue' 不是内部或外部命令，也不是可运行的程序
此时需要输入 vue3 -V 才可正确检测 vue 环境版本
  1. 将 vue3\node_modules\.bin 配置到系统环境变量
1. 打开系统环境变量
变量名：VUE3
变量值：E:\vue2x-vue3x\vue3\node_modules\.bin （此路径是 vue3 文件夹下的执行文件的绝对路径）
2. 将配置好的变量添加到 path里，即： %VUE3%

成功后就可以全局使用 vue3 命令，启动 vue3.0 环境

  1. 创建 vue3.0 项目
    新建 test 文件夹用于存放项目，cmd 打开并运行
vue3 create vue3-project
vuevue2codenode_modules

有关vue2.0 和 vue3.0 环境在同一台电脑上分别运行的更多相关文章

  1. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

    总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  2. ruby - 如何每月在 Heroku 运行一次 Scheduler 插件？ - 2

    在选择我想要运行操作的频率时，唯一的选项是“每天”、“每小时”和“每10分钟”。谢谢!我想为我的Rails3.1应用程序运行调度程序。 最佳答案 这不是一个优雅的解决方案，但您可以安排它每天运行，并在实际开始工作之前检查日期是否为当月的第一天。 关于ruby-如何每月在Heroku运行一次Scheduler插件？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/8692687/

  3. ruby-on-rails - 如何在 ruby​​ 中使用两个参数异步运行 exe？ - 2

    exe应该在我打开页面时运行。异步进程需要运行。有什么方法可以在ruby​​中使用两个参数异步运行exe吗？我已经尝试过ruby​​命令-system()、exec()但它正在等待过程完成。我需要用参数启动exe，无需等待进程完成是否有任何ruby​​gems会支持我的问题？ 最佳答案 您可以使用Process.spawn和Process.wait2:pid=Process.spawn'your.exe','--option'#Later...pid,status=Process.wait2pid您的程序将作为解释器的子进程执行。除

  4. ruby - 无法运行 Rails 2.x 应用程序 - 2

    我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby​​:$rvmuseree-1.8.7-head我尝试运行服务器，然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r

  5. ruby - Highline 询问方法不会使用同一行 - 2

    设置:狂欢ruby1.9.2高线(1.6.13)描述:我已经相当习惯在其他一些项目中使用highline，但已经有几个月没有使用它了。现在，在Ruby1.9.2上全新安装时，它似乎不允许在同一行回答提示。所以以前我会看到类似的东西:require"highline/import"ask"Whatisyourfavoritecolor?"并得到:Whatisyourfavoritecolor?|现在我看到类似的东西:Whatisyourfavoritecolor?|竖线(|)符号是我的终端光标。知道为什么会发生这种变化吗？ 最佳答案

  6. ruby - Sinatra:运行 rspec 测试时记录噪音 - 2

    Sinatra新手；我正在运行一些rspec测试，但在日志中收到了一堆不需要的噪音。如何消除日志中过多的噪音？我仔细检查了环境是否设置为:test，这意味着记录器级别应设置为WARN而不是DEBUG。spec_helper:require"./app"require"sinatra"require"rspec"require"rack/test"require"database_cleaner"require"factory_girl"set:environment,:testFactoryGirl.definition_file_paths=%w{./factories./test/

  7. ruby-on-rails - 无法让 rspec、spork 和调试器正常运行 - 2

    GivenIamadumbprogrammerandIamusingrspecandIamusingsporkandIwanttodebug...mmm...let'ssaaay,aspecforPhone.那么，我应该把“require'ruby-debug'”行放在哪里，以便在phone_spec.rb的特定点停止处理？(我所要求的只是一个大而粗的箭头，即使是一个有挑战性的程序员也能看到:-3)我已经尝试了很多位置，除非我没有正确测试它们，否则会发生一些奇怪的事情:在spec_helper.rb中的以下位置:require'rubygems'require'spork'

  8. ruby-on-rails - 在 Rails 开发环境中为 .ogv 文件设置 Mime 类型 - 2

    我正在玩HTML5视频并且在ERB中有以下片段:mp4视频从在我的开发环境中运行的服务器很好地流式传输到chrome。然而firefox显示带有海报图像的视频播放器，但带有一个大X。问题似乎是mongrel不确定ogv扩展的mime类型，并且只返回text/plain，如curl所示:$curl-Ihttp://0.0.0.0:3000/pr6.ogvHTTP/1.1200OKConnection:closeDate:Mon,19Apr201012:33:50GMTLast-Modified:Sun,18Apr201012:46:07GMTContent-Type:text/plain

  9. ruby-on-rails - before_filter 运行多个方法 - 2

    是否有可能:before_filter:authenticate_user!||:authenticate_admin! 最佳答案 before_filter:do_authenticationdefdo_authenticationauthenticate_user!||authenticate_admin!end 关于ruby-on-rails-before_filter运行多个方法，我们在StackOverflow上找到一个类似的问题： https://

  10. ruby - Rails 关联 - 同一个类的多个 has_one 关系 - 2

    我的问题的一个例子是体育游戏。一场体育比赛有两支球队，一支主队和一支客队。我的事件记录模型如下:classTeam"Team"has_one:away_team,:class_name=>"Team"end我希望能够通过游戏访问一个团队，例如:Game.find(1).home_team但我收到一个单元化常量错误:Game::team。谁能告诉我我做错了什么？谢谢， 最佳答案 如果Gamehas_one:team那么Rails假设您的teams表有一个game_id列。不过，您想要的是games表有一个team_id列，在这种情况下

随机推荐