05-使用Vue3 + Vue CLI 实现前端模块的搭建

1、环境准备

流程：安装node得到npm，使用npm安装vue cli(脚手架)，使用vue cli创建项目。

Vue CLI版本和Node版本有关，用Node V12只能下载到Vue CLI V4.X，必须用Node V18才能下载到Vue CLI V5.X

IDEA支持配置多个版本的Node，类似配置多个JDK。

node.js安装

1、官网下载pkg,傻瓜式安装。

2、安装路径

• Node.js v18.16.0 to /usr/local/bin/node
• npm v9.5.1 to /usr/local/bin/npm

3、配置nodejs的环境变量

打开Mac 终端，配置全局环境变量

vim .bash_profile

PATH=$PATH:/usr/local/bin/node

4、重新打开终端，输入node，就会进入node环境。

5、设置镜像

使用淘宝镜像：

npm config set registry https://registry.npm.taobao.org

查看当前镜像使用的地址

npm config get registry

2、基于Vue CLI创建前端web模块

1、使用vue安装Vue CLI  ，@可以指定安装的版本。

sudo npm install -g @vue/cli@5.0.8

2、执行vue --