Vue.js 我想在ubuntu 20.04上运行vue3单文件组件，但我可以'；t解决vue的v2.6.12和3.0.v11之间的冲突

我想在ubuntu 20.4上用VSCode运行vuejs 3.0 而且（我发现）安装起来真的很不友好。
任何地方都有分步指南吗？

在尝试了许多不成功的资源之后，我试图坚持中描述的内容

所以我选择了

npm install vue@next

但是当我跑的时候

npm v vue

上面说

vue@2.6.12 | MIT | deps: none | versions: 315
...
dist-tags:
csp: 1.0.28-csp  latest: 2.6.12   next: 3.0.11

我试着

locate vue

不走运

我试图卸载

npm uninstall -g vue@2.6.12

仍然没有运气（截至目前，215ms内审核1个包）

我可以继续吗？或者我需要在之前修复任何东西吗？
上次尝试时，我在项目中以本地vue3.0结束，但在运行时

vue serve foo.vue 

firefox扩展告诉我我正在运行vue 2.6.12

如果需要，我可以完全重新安装node.js（即使我宁愿避免）。 我只需要干净地安装node、npm、vue、vue cli和vue/编译器sfc，它们可以在3.0中“预览”单个文件组件，并使用Venture在vscode中编辑它们

==以后==

我决定再次运行我通常的安装顺序

# install next version of vue; this is supposed to be 3.0.11
# this probably doesn't work and install 2.6.12 only and I don't know why
npm install vue@next

# have a quick look at which version of vue is installed
npm v vue
# no luck still 2.6.12 instead of 3.0.11

# try to remove version 2.6.12
# this does nothing.  No error message. But no removal either
npm uninstall vue@2.6.12

# ok pretend we got 3.0.11 and continue anyway
# install cli tooling
npm install -g @vue/cli

mkdir foo;cd foo;

# try to create a vue application
vue create monappli
# It asks if I want to use a vue3 template
# This surely means vue 3 is installed. SPOILER : NO IT DOES NOT

# it complains about a missing cli-service-global
# let's install it
npm i -g @vue/cli-service-global

# try the whole solution
npm run serve
# it works. I'm so happy. SPOILER : ENJOY. IT WON'T LAST
# strange the firefox extension "Vue.js devtools" does not detect a vue.js
# maybe it's because of v3 ?

# add a test.vue (see below)

# now the moment of truth
vue serve test.vue
# this does not work
# I Got a warning
# ...@vue/cli-service-global/template/main.js
# "export 'default' (imported as 'Vue') was not found in 'vue'
#
# and web browser complains about a webpack error

我的test.vue。万一你想知道。 这看起来非常像2.0，但我明白了@ 所以我觉得没关系

<template>
  <p>{{ greeting }} World!</p>
</template>

<script>
module.exports = {
  data: function() {
    return {
      greeting: "Hello"
    };
  }
};
</script>

<style scoped>
p {
  font-size: 2em;
  text-align: center;
}
</style>

这将启动一个带有表单的web服务器，帮助您创建vue项目。这看起来像vue create的一个web端口，那么它有什么了不起的呢？ 它有一个选项卡，您可以在其中检查安装了哪些版本的插件，以及是否满足依赖关系

这证实了我未能安装vue 3.0（还有eslint）
vue:
版本：3.0.11
通缉令：3.0.11
最新：！错误2.6.12 已安装：已检查

eslint
版本：6.8.0
通缉令：6.8.0
最新：！错误7.25.0
已安装：已检查

当我想要3.0.11并且它说已经安装时，vue的最新版本怎么可能是2.6.12？ 也许我读得不好。安装可能只是意味着安装了“a”版本

我有点失望。谢谢你的帮助

vue ui