mac M1安装 VSCode

news2024/9/20 11:01:42

最近在学黑马程序员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.coloradmin.cn/o/1916701.html

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

相关文章

从小主机到第一台自组装NAS:升级与优化记录

目录 前言硬件系统安装的波折过程问题解决系统安装 套件/dockerjellyfin 功耗测试刚安装好系统插上缓存盘且运行了更多的套件和 docker 容器之后 温度场景一场景二场景三 后记参考 在使用了一年的小主机 NAS 后,我决定自己组装并安装新 NAS。本文详细记录了硬件选择…

Audio Toolbox 框架简介

Audio Toolbox 框架简介 Audio Toolbox 框架简介Audio Unit播放和录制音频文件和格式 Audio Toolbox 框架简介 AudioToolbox 框架为录制、播放和流解析提供了接口。在 iOS 中,该框架为管理音频会话提供了额外的接口。 AudioToolbox 框架的基本情况: Au…

海狐外卖O2O商城系统:技术架构与运营模式的深度解析

摘要: 本文深入探讨了海狐外卖O2O商城系统的技术架构、功能特性以及运营模式。海狐外卖作为一款专注于细分市场领域的外卖餐饮解决方案,不仅拥有先进的技术栈支持,还通过丰富的系统插件和灵活的运营模式,为商户和用户提供高效、便…

scratch3编程05-画笔绘制圆及与圆相关的图形

目录 一,圆 1,空心圆 2,实心圆 3,嵌套在一起的圆 4,圆环 二,五角星 1,空心五角星 1)思路 2)完整的程序 2,实心五角星 1)思路 2&…

14-62 剑和诗人36 - 混合专家 (MoE) 扩展 AI 视野

了解混合专家 (MoE) 混合专家 (MoE) 是一种机器学习技术,它将多个“专家”神经网络模型组合成一个更大的模型。MoE 的目标是通过组合专业专家(每个专家专注于不同的子领域)来提高 AI 系统的准确性和能力。 MoE 模型的一些关键特征&#xff1…

C. Earning on Bets

题目 个人补充&#xff1a; #include <bits/stdc.h> using namespace std; #define int long long #define pb push_back #define fi first #define se second #define lson p << 1 #define rson p << 1 | 1 #define ll long longconst int maxn 1e6 5, in…

打印任务无法删除怎么办?

在删除打印任务的时候&#xff0c;你可能会遇到这样的情况&#xff0c;当我们想把打印任务取消的时候&#xff0c;却一直显示正在删除&#xff0c;而过了很久还没有取消掉&#xff0c;下面就分享一下处理这个问题的方法。 1、停止打印服务&#xff0c;按WinR键打开运行对话框&a…

项目进度管理(5-1)常见的缓冲区监控方法

缓冲区监控是一种项目管理技术&#xff0c;主要用于关键链项目管理系统&#xff08;Critical Chain Project Management, CCPM&#xff09;中。它的核心理念是识别和管理项目中的不确定性和依赖性&#xff0c;以提高项目完成的可靠性。 缓冲区监控方法主要是针对项目进度计划执…

Java面试八股之Redis有哪些数据类型?底层实现分别是什么

Redis有哪些数据类型&#xff1f;底层实现分别是什么 Redis数据类型概述 Redis作为一款键值存储系统&#xff0c;提供了丰富多样的数据类型以满足不同场景的需求。以下是Redis支持的主要数据类型及其基本用途&#xff1a; String&#xff08;字符串&#xff09; 存储单个键…

Python | Leetcode Python题解之第220题存在重复元素III

题目&#xff1a; 题解&#xff1a; class Solution(object):def containsNearbyAlmostDuplicate(self, nums, k, t):from sortedcontainers import SortedSetst SortedSet()left, right 0, 0res 0while right < len(nums):if right - left > k:st.remove(nums[left]…

Nginx七层(应用层)反向代理:UWSGI代理uwsgi_pass篇

Nginx七层&#xff08;应用层&#xff09;反向代理 UWSGI代理uwsgi_pass篇 - 文章信息 - Author: 李俊才 (jcLee95) Visit me at CSDN: https://jclee95.blog.csdn.netMy WebSite&#xff1a;http://thispage.tech/Email: 291148484163.com. Shenzhen ChinaAddress of this a…

攻防世界 Web_python_template_injection(flask模版注入)

学习文章&#xff1a;https://www.freebuf.com/column/187845.html https://blog.csdn.net/weixin_54515836/article/details/113778233 flask的渲染方法有render_template和render_template_string两种。 render_template()是用来渲染一个指定的文件的。使用如下 return re…

时序分解 | Matlab基于ESMD极点对称模态分解

时序分解 | Matlab基于ESMD极点对称模态分解 目录 时序分解 | Matlab基于ESMD极点对称模态分解效果一览基本介绍程序设计参考资料 效果一览 基本介绍 ESMD&#xff08;Extreme-point Symmetric Mode Decomposition&#xff09;是一种信号分解方法&#xff0c;用于提取信号中的模…

MVC 返回集合方法,以及分页

返回一个数据集方法 返回多个数据集方法 》》定义一个Model public class IndexMoel {public List<UserGroup> UserGroup{get;set;}public List<User> User{get;set;}}》》》控制器 //db 是 EF 中的上下文 var listnew IndexModel(); list.UserGroupdb.UserGro…

2-30 基于matlab的神经网路下身份证号码识别算法

基于matlab的神经网路下身份证号码识别算法&#xff0c;二值化、膨胀处理、边界区域划分、身份证字符分割&#xff0c;字符识别算法&#xff0c;输出识别结果。并保存识别结果。程序已调通&#xff0c;可直接运行。 2-30 神经网络 身份证识别 图像处理 - 小红书 (xiaohongshu.c…

Python强大的数据转换功能库之awswrangler使用详解

概要 在现代数据工程和数据科学领域,AWS(亚马逊云服务)是一个非常重要的平台。它提供了丰富的服务,包括S3、Glue、Redshift等,这些服务在数据存储、处理和分析中发挥了关键作用。Python的awswrangler库是一个强大的工具,旨在简化与AWS服务的交互。awswrangler库提供了一…

Python | Leetcode Python题解之第227题基本计算器II

题目&#xff1a; 题解&#xff1a; class Solution:def calculate(self, s: str) -> int:n len(s)stack []preSign num 0for i in range(n):if s[i] ! and s[i].isdigit():num num * 10 ord(s[i]) - ord(0)if i n - 1 or s[i] in -*/:if preSign :stack.append(…

机器学习笔记之监督学习

基本概念 用于训练模型的数据集称为&#xff1a;训练集 成本函数/代价函数&#xff1a;指示模型的运行情况&#xff0c;用于衡量训练数据与该直线的拟合程度。将预测值和目标值做差&#xff0c;该差值也被称为“损失值”。 例如我们需要计算平均的平方误差来衡量 成本函数/…

日常学习-20240710

1、一次一千万条数据插入和删除案例&#xff1a; 第一次&#xff1a;插入--批量插入&#xff0c;每次插入5000条数据&#xff0c;总耗时28min,数据无异常 删除--通过sql语句一次性删除&#xff0c;总耗时1h52min;一次删除的数据过多导致mysql的备份恢复文件极其庞大&#xff0…

百度搜索框制作HTML+CSS

样品图 自制效果图&#xff08;附注释&#xff09; <!DOCTYPE html> <html lang"en"><head><!-- 定义文档的字符编码为UTF-8&#xff0c;以支持中文等多语言字符 --><meta charset"UTF-8" /><!-- 设置页面在不同设备上的…