mac使用vite构建vue3项目

467 阅读1分钟
一、首先要注意自己的node版本,

需要版本号在12.0以上,可以去官网上更新下载nodejs.org/en/download 可以先删除自己的node文件,然后下载

  1. 打开终端,输入以下代码删除node文件以及相关的文件

sudo rm -rf/usr/local/bin/npm

sudo rm -rf /usr/local/share/man/man1/node.1

sudo rm -rf /usr/local/lib/dtrace/node.d

sudo rm -rf ~/.npm

sudo rm -rf ~/.node-gyp

sudo rm /usr/local/bin/node

删除完成之后可以用 node-v来检测是否删除完成

如果删除成功会显示

image.png

2、在官网上下LHT版本的node

完成下载之后再用node-v来检查下载是否完成

二、新建项目
  1. 先cd 进入要建立项目的文件夹

# 使用 npm

npm create vite@latest 会出现

Ok to proceed? (y)

输入y,回车

image.png

第一行为输入文件夹的名字(要创建项目的名字)

第二行为选择前端框架

第三行选择项目类型

4.cd进入项目文件夹(第三步创建的项目)

  1. 可以开始运行项目了

npm install

npm run dev

在Webstorm打开文件

sudo yarn install

yarn dev