您现在的位置是:首页 >学无止境 >05-使用Vue3 + Vue CLI 实现前端模块的搭建网站首页学无止境

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

NikoWord 2024-09-12 00:01:02
简介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 --

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。