记录：第一次使用vue的过程

1.安装nvm，管理 Node.js 版本

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash

2.使用 nvm 安装 Node.js和npm

nvm install node

查看安装的版本

node -v
npm -v

3.安装vue，创建项目

npm install -g @vue/cli
vue create my-project

4.进入项目中

cd my-project

5.安装tailwind CSS，用来布局

npm install -D tailwindcss

这里安装完提示我版本node的版本不合适，于是又安装了20版本的node，并选择使用这个版本

nvm install 20

nvm use 20

6.初始化tailwind css

npx tailwindcss init

到了这里，就开始下面的报错：

npm error could not determine executable to run
npm error A complete log of this run can be found in: /Users/mac-ios1/.npm/_logs/

反复尝试无果，最终在网上找到了问题的原因：是因为上面安装的版本跟官网版本不一致导致的。

AAdde.jpg

于是，选择3.4的版本安装：

npm install -D tailwindcss@3.4.17

然后再初始化：

npx tailwindcss init

终于成功了！出现了创建成功的提示：

Created Tailwind CSS config file: tailwind.config.js

7.下载VSCode，然后就可以打开上面创建的项目my-project了