M1 pro芯片启动Vue项目的方法步骤

以下是M1 pro芯片启动Vue项目的方法步骤的完整攻略：

1. 在终端里安装node.js和npm

首先需要在终端里安装node.js和npm。可以使用以下命令进行安装：

brew install node

2. 创建一个Vue项目

可以使用Vue CLI来创建一个新的Vue项目，使用以下命令：

vue create my-app

这里的“my-app”是项目名称，你可以根据需要修改。

3. 进入项目目录并启动项目

使用以下命令进入项目目录：

cd my-app

然后使用以下命令来启动项目：

npm run serve

这会启动一个本地开发服务器并监听你的修改。在终端输出中你会看到类似于“Project is running at http://localhost:8080/”这样的信息。

示例1：使用Visual Studio Code启动Vue项目

如果你喜欢使用Visual Studio Code开发Vue项目，可以使用以下方法来启动项目：

1. 打开Visual Studio Code并进入“my-app”项目的根目录
2. 打开终端视图，使用以下命令启动项目：

npm run serve

1. 打开浏览器并访问http://localhost:8080/，你会看到Vue项目已经启动并且正在运行。

示例2：在iTerm2中使用tmux启动Vue项目

如果你更喜欢使用iTerm2来管理终端，可以使用tmux来在单个终端窗口中启动多个会话并运行您的Vue项目。以下是步骤：

1. 打开iTerm2并进入“my-app”项目的根目录
2. 打开tmux会话，使用以下命令：

tmux new-session -s my-app

这会创建一个新的名为“my-app”的tmux会话。

1. 启动Vue项目，使用以下命令：

npm run serve

1. 进入tmux会话，使用以下快捷键：

ctrl + b, d

这会使终端离开tmux会话并返回到iTerm2主窗口。

1. 允许Vue项目在后台运行。现在您可以打开任何其他终端会话或程序，而不会中断Vue项目。要恢复会话，请回到tmux会话并键入以下命令：

tmux attach-session -t my-app

这会恢复名为“my-app”的tmux会话，并让你继续在其中工作。

1. 打开浏览器并访问http://localhost:8080/，你会看到Vue项目已经启动并且正在运行。

希望这些步骤对你有所帮助！