您现在的位置是:首页 >学无止境 >05-使用Vue3 + Vue CLI 实现前端模块的搭建网站首页学无止境
05-使用Vue3 + Vue CLI 实现前端模块的搭建
简介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 --
风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。