使用nvm管理node安装vue搭建vue可视化界面创建vue项目全流程

# 安装nvm（Node Version Manager）
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
 
# 重新打开终端或者运行下面命令使nvm命令生效
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
 
# 安装Node.js（这里以安装最新LTS版本为例）
nvm install --lts
 
# 使用npm安装Vue CLI
npm install -g @vue/cli
 
# 创建一个新的Vue项目
vue create my-project
 
# 进入项目目录
cd my-project
 
# 启动Vue项目
npm run serve
 
# 安装并使用可视化面板（Vue Devtools）
vue add @vue/cli-plugin-vue-devtools
 
# 重新启动Vue项目以便加载Devtools
npm run serve

以上命令将帮助你使用nvm安装Node.js和Vue CLI，创建一个新的Vue项目，并且如果你选择安装Vue Devtools插件，它也会加入到你的项目中。这样你就可以在浏览器中使用Vue可视化面板进行调试了。