Vue3 —— 安装及配置环境

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

配置环境

终端：

• Linux和Mac上可以用自带的终端。
  
• Windows上推荐用powershell或者cmd。Git Bash有些指令不兼容。
  

安装Node.js：

需要在node运行环境下调试，安装LTS版（长期支持、稳定版）。

• 安装地址：https://nodejs.org/en/
  

安装@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：
  

1. {
2.   "useTaobaoRegistry": true,
3.   "packageManager": "npm"
4. }

复制代码

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

• 原因：可能是打开vue ui的路径里面文件太多导致卡死一直加载。
  
• 解决方法：将终端路径换成一个简单的路径去打开Vue ui。
  

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！