mac M1安装 VSCode

最近在学黑马程序员Java最新AI+若依框架项目开发,里面前端用的是Visual Studio Code 所以我也就下载安装了一下,系统是M1芯片的,安装过程还是有点坑的写下来大家注意一下

1.在appstore中下载

image-20240706234756066

2.在系统终端中输入 clang 显示如下图

image-20240706234728129

那么在终端输入: sudo xcodebuild -license accept 然后输入电脑密码

再次输入 clang 显示这样才对

image-20240706234829091

3.到官网下载。

Download Visual Studio Code - Mac, Linux, Windows

4.安装成功

image-20240706234946670

5.安装以下插件

  1. ESLint:ESLint 是一个可扩展的 JavaScript 代码检查工具,可以帮助你发现代码中的错误和不一致性。在 VSCode 中安装 ESLint 插件后,你可以配置 ESLint 以符合你的代码规范,并在编辑器中实时检查代码。
  2. Prettier:Prettier 是一个强大的代码格式化工具,可以自动格式化你的代码,使其符合各种代码风格规范。在 VSCode 中安装 Prettier 插件后,你可以配置 Prettier 以符合你的代码风格,并在保存文件时自动格式化代码。
  3. Vue Snippets:Vue Snippets 是一个 VSCode 插件,提供了许多实用的 Vue.js 代码片段,可以帮助你快速编写 Vue.js 组件。通过简单的快捷键或命令,你可以快速插入常用的 Vue.js 模板和组件。
  4. Vue VS Code Extension Pack:这是一个包含多个 Vue.js 相关插件的扩展包,包括 Vue Snippets、Vue Resolver、Vue Router 和 Vuex。这个扩展包可以帮助你更好地开发和管理 Vue.js 项目。
  5. Debugger for Chrome:Debugger for Chrome 是一个 VSCode 插件,可以帮助你在浏览器中调试 Vue.js 项目。通过配置 Chrome 浏览器和 VSCode 的相关设置,你可以在 VSCode 中直接启动和调试你的 Vue.js 项目。
  6. Vetur:Vetur 是一个全面的 Vue.js 开发工具集,包括语法高亮、智能提示、Emmet、Linting、格式化、Sass/Less 支持等功能。通过安装 Vetur 插件,你可以在 VSCode 中获得更好的 Vue.js 开发体验。
    这些插件可以帮助你提高开发效率和代码质量,是 VSCode 中开发 Vue.js 项目的必备工具。在使用这些插件时,请注意根据项目的实际需求进行配置和调整。

6.打开项目

image-20240707170636568

7.执行npm install安装依赖,npm run dev 运行程序

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/42521.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C++语言相关的常见面试题目(一)

1. const关键字的作用 答: 省流:(1)定义变量,主要为了防止修改 (2) 修饰函数参数:防止在函数内被改变 (3)修饰函数的返回值 (4)修饰类中的成员函数 2. Sta…

Rust入门实战 编写Minecraft启动器#1启动方法

首发于Enaium的个人博客 引言 想必大家都知道Minecraft这个游戏,它是一个非常有趣的游戏,有没有想过它是如何启动的呢?在本系列中,我们将使用Rust编写一个简单的Minecraft启动器。 本系列文章涉及的Rust知识并不多,了…

并发编程-05AQS原理

并发编程-深入理解AQS之ReentrantLock 一 认识AQS 在讲解AQS原理以及相关同步器之前,我们需要对AQS有一些基本的认识,了解下它有什么样的机制,这样追踪源码的时候就不会太过于迷茫! 1.1 什么是AQS java.util.concurrent包中的大…

【DevOps】运维过程中经常遇到的Http错误码问题分析(二)

目录 一、HTTP 错误400 Bad Request 1、理解 400 Bad Request 错误 2、排查 400 Bad Request 错误 3、常见的解决方法 二、HTTP 错误401 Unauthorized 1、理解 401 Unauthorized 错误 2、排查 401 Unauthorized 错误 3、常见的解决方法 一、HTTP 错误400 Bad Request …

文件上传漏洞: 绕过方式及原理[表格]

序号绕过原理原理简述详细技术解释绕过方法1前端校验绕过禁用或绕过前端JavaScript验证前端JavaScript用于限制用户上传文件类型,但可被用户禁用或修改使用浏览器插件或开发者工具禁用JavaScript,或修改上传逻辑2MIME类型欺骗更改文件MIME类型以欺骗服务…

海康威视摄像头批量更改源码

更改OSD通道名称 # codingutf-8 import os import time import requests from requests.auth import HTTPBasicAuth, HTTPDigestAuth import xml.etree.ElementTree as ET#和监控摄像头通讯需要一个双方认可的密钥,可以随机生成 def generate_key():# 生成一个16字…

LabVIEW与OpenCV图像处理对比

LabVIEW和OpenCV在图像处理方面各有特点。LabVIEW擅长图形化编程、实时处理和硬件集成,而OpenCV则提供丰富的算法和多语言支持。通过DLL、Python节点等方式,OpenCV的功能可在LabVIEW中实现。本文将结合具体案例详细分析两者的特点及实现方法。 LabVIEW与…

某大会的影响力正在扩大,吞噬了整个数据库世界!

1.规模空前 你是否曾被那句“上有天堂,下有苏杭”所打动,对杭州的湖光山色心驰神往?7月,正是夏意正浓的时节,也是游览杭州的最佳时期。这座古典与现代交融的城市将迎来了第13届PostgreSQL中国技术大会。作为全球数据库…

kubebuilder示例-新

生成代码 因为kubebuilder 命令工具需要依赖linux环境 所以本例方法使用git 同步代码 在window开发后提交 linux项目里拉代码运行的方式 创建go mod 项目 go mod init kubebuild_demo 初始化项目 生成基础框架 domain 生成group用的 kubebuilder init --domain example.com …

LabVIEW从测试曲线中提取特征值

在LabVIEW中开发用于从测试曲线中提取特征值的功能时,可以考虑以下几点: 数据采集与处理: 确保你能够有效地采集和处理测试曲线数据。这可能涉及使用DAQ模块或其他数据采集设备来获取曲线数据,并在LabVIEW中进行处理和分析。 特…

系统级别的原生弹窗窗口

<!DOCTYPE html> <html lang"zh-CN"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>原生的弹出窗口dialog</title><style>…

【TB作品】51单片机 Proteus仿真 基于单片机的LCD12864万年历及温度监测系统设计

实验报告&#xff1a;基于单片机的LCD12864万年历及温度监测系统设计 背景介绍 本实验旨在设计并实现一个基于STC89C52单片机的LCD12864显示的万年历系统&#xff0c;同时集成温度传感器以实现温度监测功能。系统具备整点报时和闹钟功能&#xff0c;通过蜂鸣器进行提示。该设…

condition_variable---C++条件变量

文章目录 1.C11条件变量2. 相关api方法2.1 wait方法 2.2 wait_for 方法2.3 wait_until 方法2.4 notify_one 和 notify_all 方法 3虚假唤醒等问题 1.C11条件变量 std::condition_variable 是 C11 标准库中提供的一个类&#xff0c;用于在多线程环境中实现线程间的同步和通信。通…

CentOS7安装部署双版本MySQL

文章目录 CentOS7安装部署双版本MySQL一、前言1.场景2.环境 二、安装MySQL 5.6三、安装MySQL 8.01. 解压并移动 MySQL 文件2. 创建并配置 my.cnf3.修改mysql.server4. 添加用户组和用户5. 初始化 MySQL 数据目录6. 创建systemd服务文件7.创建符号链接8.首次登录9.允许所有主机连…

初中物理知识点总结(人教版)

初中物理知识点大全 声现象知识归纳 1 .声音的发生&#xff1a;由物体的振动而产生。振动停止&#xff0c;发声也停止。 2.声音的传播&#xff1a;声音靠介质传播。真空不能传声。通常我们听到的声音是靠空气传来的。 3.声速&#xff1a;在空气中传播速度是&#xff1a;340…

【2024_CUMCM】T检验、F检验、卡方检验

T检验 T检验主要用于比较两组数据的均值差异&#xff0c;适用于小样本数据分析。它可以分为单样本T检验、独立样本T检验和配对样本T检验。 单样本T检验用于比较一个样本与已知的总体均值差异&#xff0c;独立样本T检验用于比较两个独立样本的均值差异&#xff0c;配对样本T检…

【Transformer】transformer模型结构学习笔记

文章目录 1. transformer架构2. transformer子层解析3. transformer注意力机制4. transformer部分释疑 图1 transformer模型架构 图2 transformer主要模块简介 图3 encoder-decoder示意图N6 图4 encoder-decoder子层示意图 1. transformer架构 encoder-decoder框架是一种处理NL…

【Android】自定义换肤框架04之Skinner框架设计

到上一章为止&#xff0c;我们已经完整讲解了换肤所用到的所有技术点 这一章&#xff0c;我们来梳理下&#xff0c;如何从整体和细节上&#xff0c;进行代码设计 毕竟&#xff0c;我们不止是简单实现功能&#xff0c;要做到功能清晰&#xff0c;使用灵活 文章目录 核心组件使…

探索InitializingBean:Spring框架中的隐藏宝藏

​&#x1f308; 个人主页&#xff1a;danci_ &#x1f525; 系列专栏&#xff1a;《设计模式》《MYSQL》 &#x1f4aa;&#x1f3fb; 制定明确可量化的目标&#xff0c;坚持默默的做事。 ✨欢迎加入探索MYSQL索引数据结构之旅✨ &#x1f44b; Spring框架的浩瀚海洋中&#x…

Java里的Arrary详解

DK 中提供了一个专门用于操作数组的工具类&#xff0c;即Arrays 类&#xff0c;位于java.util 包中。该类提供了一些列方法来操作数组&#xff0c;如排序、复制、比较、填充等&#xff0c;用户直接调用这些方法即可不需要自己编码实现&#xff0c;降低了开发难度。 java.util.…