个人vscode配置项

本文介绍了如何自定义VSCode的设置,提供了settings.json文件中的配置示例,并指导读者根据注释进行个性化修改,以实现最佳的开发环境体验。

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

{
  "terminal.integrated.confirmOnExit": true,
  "workbench.editor.tabCloseButton": "right",
  // 以下为编辑器配置
  "editor.fontSize": 16, // 文字大小
  "editor.tabSize": 2, // 使用 tab 缩紧的时候几个空格的位置
  "editor.dragAndDrop": false, // 控制编辑器是否允许拖动来移动内容
  "editor.detectIndentation": false, // 控制打开时候自动检测插入内容是 space 还是 tab
  "editor.quickSuggestions": {
    // 是否启用代码联想
    "other": true, // 在注释和字符串外启用联想
    "comments": true, // 注释中是否启用
    "strings": true // 字符串中是否启用
  }, // 编辑器保存时自动格式化
  "csscomb.preset": {
    "remove-empty-rulesets": true, // 移除空规则集
    "always-semicolon": true, // 每个样式后面添加分号
    "lines-between-rulesets": 1, // 每个规则集后面添加一个空行
    "leading-zero": false, // 为 0 的属性是否要加 px
    "unitless-zero": false, // 是否删除 0 值后面的单位
    "quotes": "single", // 单引号还是双引号
    "space-after-colon": " ", // 
### 配置 Vue3 项目启动项 为了在 Visual Studio Code (VSCode) 中成功配置并启动一个 Vue3 项目,需遵循一系列特定操作。安装 Node.js 是前提条件之一,因为 Vue CLI 工具依赖于它来运行。 #### 安装 Vue CLI 确保全局环境中已安装最新版本的 Vue CLI。这可以通过命令行输入 `npm install -g @vue/cli` 来完成[^2]。一旦安装完毕,便可以利用此工具快速搭建新的 Vue 应用程序框架。 #### 初始化新项目 通过执行 `vue create project-name` 命令,在提示符下选择默认预设或是自定义配置选项以适应个人需求的方式创建一个新的 Vue3 项目。这一过程会自动下载所需依赖并将它们集成到项目结构之中[^1]。 #### 修改端口号 对于某些开发环境而言,默认使用的8080端口可能已被占用;因此建议调整至其他可用端口如5173或3100等。可以在项目的根目录下的 `.env` 文件里指定 VITE_PORT 变量值来进行更改[^4]: ```bash VITE_PORT=5173 ``` #### 设置 VSCode 启动配置 为了让 VSCode 正确识别并启动整个 Vue3 项目,应当编辑位于项目根路径中的 `launch.json` 文件,添加如下所示的任务描述片段[^3]: ```json { "version": "0.2.0", "configurations": [ { "type": "pwa-chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:${PORT}", "webRoot": "${workspaceFolder}/src" } ] } ``` 在此基础上,还需确认 `${PORT}` 对应的是之前设定好的实际端口号变量名。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值