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 运行程序

相关推荐

  1. Mac[M1]安装mongodb

    2024-07-11 20:52:04       50 阅读
  2. Mac 安装comfigUI (M1)

    2024-07-11 20:52:04       27 阅读
  3. Mac m1安装AWVS

    2024-07-11 20:52:04       29 阅读
  4. MacOS 升级14.4.1vscode无法远程连接

    2024-07-11 20:52:04       33 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-11 20:52:04       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-11 20:52:04       71 阅读
  3. 在Django里面运行非项目文件

    2024-07-11 20:52:04       58 阅读
  4. Python语言-面向对象

    2024-07-11 20:52:04       69 阅读

热门阅读

  1. Oracle 确认被锁对象

    2024-07-11 20:52:04       19 阅读
  2. 【思考Spring Security框架的相关问题】

    2024-07-11 20:52:04       24 阅读
  3. 在SpringBoot使用AOP防止接口重复提交

    2024-07-11 20:52:04       22 阅读
  4. Spring AOP的几种实现方式

    2024-07-11 20:52:04       19 阅读
  5. pytorch 模型保存到本地之后,如何继续训练

    2024-07-11 20:52:04       22 阅读
  6. 【Spring】springSecurity使用

    2024-07-11 20:52:04       17 阅读
  7. 力扣682.棒球比赛

    2024-07-11 20:52:04       18 阅读
  8. STM32学习历程(day4)

    2024-07-11 20:52:04       20 阅读
  9. C# 装饰器模式(Decorator Pattern)

    2024-07-11 20:52:04       20 阅读
  10. 代码随想录-DAY⑦-字符串——leetcode 344 | 541 | 151

    2024-07-11 20:52:04       21 阅读
  11. FastAPI+SQLAlchemy数据库连接

    2024-07-11 20:52:04       19 阅读
  12. 关于vue监听数组

    2024-07-11 20:52:04       18 阅读
  13. SQL 自定义函数

    2024-07-11 20:52:04       22 阅读
  14. linux内核访问读写用户层文件方法

    2024-07-11 20:52:04       21 阅读
  15. RK3568平台开发系列讲解(网络篇)netfilter框架

    2024-07-11 20:52:04       19 阅读