当前位置: 首页 > news >正文

vue项目开发vscode配置

配置代码片段

步骤如下:

  1. 文件->首选项->配置用户代码片段
  2. 新增全局代码片段
  3. 起全局代码片段文件名“xxx.code-snippets”
    这里以配置vue2初始代码片段为例,配置具体代码片段
{"name": "vue-sph","version": "0.0.0","private": true,"type": "module","scripts": {"dev": "vite --open","build": "vite build","preview": "vite preview"},"dependencies": {"vue": "^3.4.15"},"devDependencies": {"@vitejs/plugin-vue": "^5.0.3","vite": "^5.0.11"}
}
  1. 测试,新建一个vue文件,开始输入vue,vscode会有提示

浏览器自动打开

package.json中scripts添加 ‘–open’
在这里插入图片描述

http://www.lryc.cn/news/296297.html

相关文章:

  • BUUCTF-Real-[Tomcat]CVE-2017-12615
  • Qt应用软件【协议篇】http协议get、post示例
  • 如何选择Centos的替代者
  • 【Java数据结构】ArrayList和LinkedList的遍历
  • springboot163美食推荐商城的设计与实现
  • [机器学习]K-means——聚类算法
  • 并发编程 java锁机制
  • Onerugged三防平板厂家丨三年质保承诺丨三防平板PAD
  • Android 系统启动流程
  • 鸿蒙学习-app.json5配置文件
  • 华为OD机试 - 智能成绩表( Python C C++ JavaGo JS PHP)
  • 训练集,验证集,测试集比例
  • Altium Designer(AD)加载常用元器件库到工程图文教程及视频演示
  • Java学习笔记2024/2/8
  • 【安防】三个问题:IPC和ITC主要的差异点和相同点 、影响图像成像效果的因素有哪些、摩尔纹如何产生的和消除方法
  • Windows 安装 MySQL 最新最简教程
  • uniapp 本地存储的方式
  • 25、数据结构/二叉树相关练习20240207
  • 数据结构——D/二叉树
  • redis:七、集群方案(主从复制、哨兵模式、分片集群)和面试模板
  • 没有事情做 随手写的小程序
  • 简单说网络:TCP+UDP
  • Containerd 的前世今生和保姆级入门教程
  • 分享78个行业PPT,总有一款适合您
  • VR全景技术可以应用在哪些行业,VR全景技术有哪些优势
  • c#cad 创建-点(六)
  • 【JS逆向八】逆向某企查网站的headers参数,并模拟生成 仅供学习
  • Springboot+vue的社区智慧养老监护管理平台设计与实现(有报告),Javaee项目,springboot vue前后端分离项目
  • STM32学习笔记——定时器
  • Android编程权威指南(第四版)- 第 4 章 UI状态的保存与恢复