Vue3 —— 安装及配置环境

Vue官网:https://vuejs.org/


配置环境

终端:

  • Linux和Mac上可以用自带的终端。

  • Windows上推荐用powershell或者cmdGit Bash有些指令不兼容。


安装Node.js

需要在node运行环境下调试,安装LTS版(长期支持、稳定版)。


安装@vue/cli

安装开发环境。安装Node.js通常也会安装NPM,因为NPM是Node.js的官方包管理工具。

  • 执行:npm i -g @vue/cli

  • 如果执行后面的操作有bug,可能是最新版有问题,可以尝试安装早期版本,比如:npm i -g @vue/cli@4


启动vue自带的图形化项目管理界面:

  • 执行:vue ui

  • 常见问题1:Windows上运行vue,提示无法加载文件,表示用户权限不足。

  • 解决方案:用管理员身份打开终端,输入set-ExecutionPolicy RemoteSigned,然后输入y


下载插件:

  • vue-router (路由)

  • vuex (在多个组件之间维护同一个数据)


下载依赖:

  • bootstrap


我遇到的问题:

1. 问题:创建Vue项目报HADOOP_CONF_DIR错。

  • 原因:与电脑上的hadoop配置环境冲突了。

  • 解决方法:找到本机电脑上的.vuerc文件(存放于C:\Users\用户名\ .vuerc),编辑以下内容,保存文件后打开终端重新输入Vue ui:

{
  "useTaobaoRegistry": true,
  "packageManager": "npm"
}

2. 问题:执行vue ui后在进入vue管理器后一直加载。

  • 原因:可能是打开vue ui的路径里面文件太多导致卡死一直加载。

  • 解决方法:将终端路径换成一个简单的路径去打开Vue ui。


__EOF__

  • 本文作者: kitty
  • 本文链接: https://www.cnblogs.com/kitty-38/p/18686917
  • 关于博主: 评论和私信会在第一时间回复。或者直接私信我。
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
  • 声援博主: 如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。
  • posted @   kitty又困了  阅读(72)  评论(0编辑  收藏  举报
    相关博文:
    阅读排行:
    · DeepSeek-R1本地部署如何选择适合你的版本?看这里
    · 开源的 DeepSeek-R1「GitHub 热点速览」
    · 传国玉玺易主,ai.com竟然跳转到国产AI
    · 揭秘 Sdcb Chats 如何解析 DeepSeek-R1 思维链
    · 自己如何在本地电脑从零搭建DeepSeek!手把手教学,快来看看! (建议收藏)
    点击右上角即可分享
    微信分享提示