Vue3 —— 安装及配置环境

Vue官网：Vue.js - The Progressive JavaScript Framework | Vue.js

配置环境

终端：

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

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

安装Node.js：

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

• 安装地址：Node.js — Run JavaScript Everywhere

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