MAC前端开发环境搭建

已于 2022-06-04 17:03:20 修改
阅读量839 收藏 6
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Web 文章标签： 前端 环境搭建 node.js nvm npm
于 2022-05-31 10:44:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43222324/article/details/125024062
本文介绍了MAC系统下前端开发的环境搭建，包括选择IDE，如Visual Studio Code和WebStorm，详细讲解了如何安装和使用nvm管理Node.js版本，确保团队间版本一致性，并通过npm安装项目依赖库，最后阐述如何运行和启动项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

       

IDE选择

  • visual studio code。相比于webStorm更轻量级，功能没有webStorm那么强大，需要自己安装一些插件，比如vetur插件、eslint插件。
  • webStorm。要钱，充钱就能用。如果你还是个Android开发，用webStorm挺不错的，快捷键什么的都和Android studio一样，毕竟都是jetbrains出的IDE。
    在这里插入图片描述

       

环境搭建

一、先了解一下背景
  • node.js 是一个JavaScript运行时环境，它构建于Chrome的v8引擎之上，可以解析和执行JavaScript代码，为JavaScript提供了一些服务器级别的操作API。你可以这样理解，node.js对于JavaScript，就像jdk对于Java。
  • npm的用途说明
  • nvm、node、npm之间的关系和区别
二、安装nvm
最低0.47元/天 解锁文章

200万优质内容无限畅学
Mac快速搭建前端环境&创建前端项目【Vue】
weixin_45565886的博客
05-22 3433
Mac快速搭建前端环境&创建前端项目【Vue】
mac前端开发环境的搭建
刘泽华的博客
05-07 6381
现在前端规模越来越庞大，各种新东西层出不穷。以前随手拿个编辑器就能写页面的时代到现在什么预处理啦、编译啦、模块啦、打包啦、环境啦一堆。各种框架和设计模式层出不穷，MMP根本学不动啦！！！ 来到腾讯以后更换了新电脑。每次换新电脑都得配置一大堆东西，所以这篇文章就是记录一下搭建前端开发环境所需要的大致一些步骤。 MAC环境 首先终端输入sudo spctl --master-disable...
MacOS前端开发环境搭建
卷不动，许多愁
08-12 1926
Mac OS快速搭建前端开发工作环境，包含git、vscode、switchhost、lightProxy等必备开发工具安装说明和下载地址
前端Mac从零到一搭建开发环境
最新发布
CbukeJ的博客
06-05 130
最近由于某些原因需要对两个Mac设备进行环境搭建，结合现有的环境搭建文章进行整理汇总，希望能帮助到使用Mac设备的前端开发节省环境搭建的时间。
Mac-搭建前端开发环境
qq_45585640的博客
05-11 4001
标题基于mac下前端开发基本环境搭建 VSCode + git + node.js + npm+ webpack + vue-cli4 + nrm + yarn 如何从零开始搭建前端开发环境 MAC环境 首先终端输入sudo spctl --master-disable命令来开启任何来源。如果不开启这个会导致很多软件安装不了。 安装node环境和配置cnpm和tnpm方便安装依赖。因为原版npm因网络问题可能会导致各种报错。mac在安装node的时候会自动安装git，因此可以省去这一步。 验证 确保电脑环境
macOS系统搭建前端开发环境
韩瑜的博客
07-18 306
安装node
新macOS用户配置前端开发环境
Passerby_ldr的博客
06-02 3471
前端开发环境配置流程
mac pro前端开发环境搭建
www2019W的博客
03-05 637
本文背景主要在本人已经搭建好后端环境之后，在mac pro上再搭建前端开发环境。具体后端环境搭建教程参考mac pro java后端开发环境搭建本文主要内容是在已经安装好后端环境的mac pro上搭建前端环境，所以只需要安装vscode，node.js以及npm即可。本文用于演示的前端项目是开源的前后端分离的ruoyi项目。若想在本地看见完整的项目，同时也得启动后端项目。
Mac使用整理/开发环境搭建/使用操作（持更）
2401_86966801的博客
10-11 1744
Windows转MacOS，将如何配置环境的过程记录如下，做个经验总结。
到手Mac配置前端开发环境
Tting_12的博客
03-04 1240
⚡️以下内容是我在进入公司实习并买了新mac，自己进行环境配置时的总结，仅供参考和记录。
效率系列(八) macOS配置前端开发环境
半虹小站
02-21 4904
大家好，我是半虹，这篇文章将会介绍如何在 macOS 中从零配置前端开发环境
Mac下常用前端开发软件环境安装
11-03
Mac下常用前端开发软件环境安装，Sublime Text，Java SDK安装，Tomcat安装（Web服务器），Navicat安装（数据库工具）....
Mac前端环境搭建
weixin_34174322的博客
02-06 174
Mac前端环境搭建 虽然平时用ipad，但是换Mac OSX系统之后，如果用于娱乐可能不会觉得不适应，但是用于前端开发，觉得需要适应的还很多，安装git、nvm、php等工具就费了老多时间，把遇到的坑和一些好的工具分享给大家。 Homebrew 1.Homebrew是干嘛的 首先是Homebrew，按我的理解就是类似npm，npm是包管理...
Mac 前端环境配置
zc135565的博客
01-28 4928
虽然所有的东西都是轻车熟路，但还是要一步一步的去查某个工具的安装方法，还是有些繁琐的????，所以在我重新安装的时候我就记录了一下大致的安装过程和相对应的网址，方便下次出问题的时候方便使用...
mac 中的前端开发 环境搭建
向着光奔跑的二静的专栏
05-25 1678
1、 ctrl + space  输入程序名称，可以打开任何程序 2、 下载程序时，程序分为dmg 和 pkg 两种类型，dmg是可以直接拖入application中使用的，pkg 是需要安装的，有部分pkg 需要权限管理，所有程序或者权限都是可以通过 spotlight获取的 3、 快捷键:  fn + cmd + f5 打开声音导航 chrome 快捷键 来源于 cmd + opti
新入手Mac配置前端环境教程
Mr.小灰狼_随笔
10-26 4127
新入手Mac配置前端环境教程 跳槽新进入一家公司给新配置的 Mac 电脑 那么我们接下来该如何步入正常的前端开发流程呢 ？ 在此稍微记录一下 ， 节省时间 ，以防后期再用到 。 目录 1、安装 Xcode 2、安装 Homebrew 3、安装 Git 4、安装 nvm 利用 nvm 安装 node Mac系统安装nvm后，nvm命令找不到
Mac开发环境搭建
麦田里的码农
10-26 3173
目录1、安装配置jdk2、安装配置maven3、tomcat安装与配置4、安装idea，配置maven、jdk、tomcat5、charles的安装与使用6、jetty安装配置7、postman的安装和使用8、iTem2安装与配色9、mac brew安装10、mysql & Navicat11、Xmind8 安装 1、安装配置jdk 教程：MAC安装JDK及环境变量配置 建议JDK7和J...
Mac中web前端环境搭建
是一座岛
11-24 685
安装工具 node安装，版本中携带npm git安装 nvm安装 switchHosts下载 visual studio code下载 visual studio code 代码格式化https://blog.csdn.net/qq_35321405/article/details/99970755 nvm：nodejs 版本管理工具。也就是说：一个 nvm 可以管理很多 node 版本和 npm 版本。 nodejs：在项目开发时的所需要的代码库 npm：nodejs 包管理工具。在安装的 node
java前端环境搭建mac
04-03
### 配置 Mac 上的 Java 前端开发环境 为了在 macOS 系统中成功配置 Java 的前端开发环境，需要完成以下几个方面的设置： #### 1. 安装 JDK (Java Development Kit) JDK 是 Java 编程的核心工具包，包含了编译器、虚拟机和其他必要的库文件。可以通过 Oracle 或 OpenJDK 下载适合 macOS 版本的 JDK 并安装[^1]。 ```bash brew install openjdk ``` 通过 Homebrew 工具可以更方便地管理 JDK 的版本更新以及卸载操作[^2]。 验证安装是否成功： ```bash java -version javac -version ``` #### 2. 设置 JAVA_HOME 环境变量 为了让系统能够识别到已安装的 JDK 路径，在 `.zshrc` 文件中添加以下内容并保存[^3]: ```bash export JAVA_HOME=$(/usr/libexec/java_home) export PATH=$JAVA_HOME/bin:$PATH ``` 执行命令使修改生效： ```bash source ~/.zshrc ``` #### 3. 安装 IDE (Integrated Development Environment) 推荐使用 IntelliJ IDEA 来作为主要的开发工具，它提供了强大的功能支持 Java 应用程序的编写与调试。当然也可以考虑其他轻量级编辑器如 VS Code 结合插件实现相同目的[^4]。 下载地址：https://www.jetbrains.com/idea/download/#section=macos 安装完成后启动应用，并按照提示导入所需的 SDK 和框架资源。 #### 4. Maven 构建工具集成 Maven 是一种流行的构建自动化解决方案，用于简化依赖管理和项目打包过程。同样借助于 Homebrew 进行快速部署： ```bash brew install maven mvn -v ``` 确认 mvn 是否正常工作之后，在新建工程时可以选择基于 POM.xml 文件定义结构化目录布局的方式初始化整个项目骨架。 #### 5. 测试 Web 应用运行情况 创建简单的 Spring Boot 示例来检验整体流程是否通畅。假设已经具备基本的知识背景，则可以直接克隆官方仓库或者参照文档指引逐步推进直至最终成果展示阶段: ```java @SpringBootApplication public class DemoApplication { public static void main(String[] args) throws Exception { SpringApplication.run(DemoApplication.class, args); System.out.println("Hello World!"); } } ``` 当一切准备就绪以后，点击 Run 按钮即可触发服务器监听指定端口的行为；与此同时访问对应的 URL 地址便能观察预期输出结果。 --- ###
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值