本文目录一览：
Mac如何搭建Vue-cli环境
搭建Mac上Vue-cli环境需要几个关键步骤。首先，安装Node.js。访问nodejs.org下载页面，选择适合版本的安装包下载，通常选择最新稳定版本。下载后，使用终端执行安装。安装完成后，输入npm -v和node -v验证安装。如果显示版本号，则表明安装成功。接下来，配置全局环境变量。
如果遇到权限问题，尝试使用 `sudo npm install -g @vue/cli` 或删除 node_modules 文件夹重新安装。如果安装过程中提示 以超级用户身份重试，直接使用 `sudo npm install` 和 `sudo npm run serve`。对于 Mac 查看 IP 地址，新版本系统可使用 `ipconfig getifaddr en0`。
install -g @vue/cli 时会出现这个问题 解决办法：在终端输入这个命令 然后再运行 npm install -g @vue/cli 就可以正常安装了。
安装vue-cli脚手架构建工具在命令行中运行命令npm install -g vue-cli，然后等待安装完成。通过以上三部，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目。用vue-cli构建项目要创建项目，首先我们要选定目录，然后再命令行中把目录转到选定的目录。
vue项目部署方式：tomcat部署和nginx部署项目使用vue-cli脚手架搭建，部署到nginx下修改config.js下的index.js修改nginx的配置文件nginx.conf之后启动nginx访问即可。对于ROOT目录下的资源，tomcat可以直接在根目录下进行访问。通过这种方式，我们可以让项目的路径去适配tomcat访问的路径。
在Mac配置vue环境以及项目创建
1、安装完成后，输入vue -V（为大写的V），若出现版本信息，则表示安装成功。 创建vue项目，在桌面建立test文件夹，进入test文件夹，输入以下命令创建项目（若出现问题，请参考后文解决措施）：然后按步骤输入项目信息，注意Project name不支持大写字母为项目名，项目创建好后，会给出提示信息，继续操作即可。
2、打开终端或命令行工具。执行 npm init vue@latest 命令。根据提示完成项目初始化，包括选择项目模板、配置项目名称、版本等信息。注意事项： 确保在安装 Node.js 和创建项目时网络连接稳定。 若遇到任何问题，可查阅 Vue.js 和 Node.js 的官方文档或社区论坛寻求帮助。
3、PATH=$PATH：/usr/local/bin ：wq 此命令将Node.js和npm的可执行文件添加到环境变量中，确保在任何位置执行命令时都能找到它们。保存并退出。完成配置后，使用Vue-cli创建项目。在终端中使用以下命令：bash mkdir my-vue-cli cd my-vue-cli npm init 项目名称可以自定义，但避免使用大写字母。
4、在mac上配置vue开发环境基本流程图如下：首先，需要在mac上安装brew。brew是一个方便的包管理工具，相当于centos下的yum，能够简化mac上软件的安装、卸载与更新。如未安装brew，可执行特定命令进行安装。
Mac搭建grafana二次开发环境操作教程(图文详解)
1、更新brew后，通过新的安装命令简化了Prometheus与Grafana的安装过程。使用中科大的下载源完成安装。Prometheus默认启动端口为9090，可通过浏览器访问服务，查看主机状态信息。Grafana安装采用标准方式，版本为1。服务启动采用brew服务或直接运行grafana-server命令。
2、操作系统：支持Linux（如Ubuntu、Debian等），Windows和macOS暂不支持。Java环境：安装Java Development Kit （JDK） 版本11或更高。安装步骤 更新系统：在终端中运行sudo apt update和sudo apt upgrade来更新系统。安装Java：使用sudo apt install openjdk-11-jdk命令安装Java。
记录在mac下面搭建各种环境的全过程
首先，关注的是支持的开发语言，主要包括C++和C#，这两种语言的开发将成为主要任务。为了构建和管理这些项目，作者选择了CMake作为构建工具，它能够方便地处理跨平台的项目配置。对于更高级的IDE，Qt6是一个重要的选择，它提供了丰富的图形用户界面开发功能。
安装webpack，这是当前前端最热门的前端资源模块化管理和打包工具。输入以下命令安装：安装完成后，输入webpack -v，若出现版本信息，则表示安装成功。 安装vue脚手架，这是自动搭建vue项目框架的工具。输入以下命令安装：安装完成后，输入vue -V（为大写的V），若出现版本信息，则表示安装成功。
在 Mac 下搭建 Vue 开发环境的步骤如下：安装 Node.js：首先，从 Node.js 官方网站下载并安装长期维护版以确保稳定性。解决 EACCES 权限问题：若在安装全局包时遇到 Resolving EACCES permissions errors 的问题，可参考 Node.js 官方解决方案。
首先，确保你的 Mac 上已安装 Xcodeselect。如果未安装，可以通过终端运行 xcodeselect install 进行安装。安装 Node.js：推荐安装 Node.js 的 16 或 17 版本。可以使用 Homebrew或其他方式安装。安装 Golang：建议安装 Golang 的 19 及以上版本。
标签： mac网站搭建环境搭建
