VS Code安装&基础配置设置(mac)

快速安装软件&配置必要插件

  1. 安装开发软件vs code(visual studio code) 官网网址:https://code.visualstudio.com/

  1. 解压缩后我们得到两个文件

  1. 将visual studio code.app直接拖拽到应用程序中(也可以选择安装visual studio)

  1. 双击打开vs code

  1. 点击左侧插件功能按钮,安装常用的插件库

Chinese (Simplified) (简体中文) Lan、Vetur(Ping Wu)、Vite、Vue Language Features (Volar)

TypeScript Vue Plugin (Volar)、ESLint、Prettier - Code formatter等等

  1. 将vs studio窗口语言转换成中文

首先安装Chinese (Simplified) (简体中文) Lan 插件;重启vs code app ;

  1. 安装包管理工具

  • 了解npm npx cnpm yarn pnpm区别,早年npm工具被很多诟病才有了cnpm、yarn、pnpm工具。这些都是基于npm包管理器的一些变种。解决了早期npm的一些缺点,例如下载速度慢,不能离线下载等。

安装指令:npm install -g pnpm(如果安装yarn 安装指令:npm install -g pnpm);-g 表示全局安装,如果需要局部安装可以进一步了解

  1. 安装脚手架Vue CLI&项目搭建

(推荐局部安装Vue CLI)

  • 创建一个文件夹(例如:vue)用于以后项目管理。在控制台中通过指令cd 进入该文件夹

  • 控制台中输入npm install @vue/cli -g,安装cli

  • 控制台中输入npx vue -V ,打印@vue/cli 5.0.8版本号,检查是否安装成功

  1. 创建Vue工程

  • 创建一个名称为"vue-coming"的项目工程,接着上一步输入指令:npx vue create vue-coming

  • 光标默认选择vue3 回车

在vue文件夹下就可以看到我们的工程

输入指令:cd vue-coming

输入指令:code . (这里有个点)自动启动visual studio app启动应用程序默认打开工程

猜你喜欢

转载自blog.csdn.net/m0_63587743/article/details/129421517
今日推荐