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 --