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

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.kler.cn/a/232863.html

相关文章:

  • 关于H5复制ios没有效果
  • 【AI】【RAG】使用WebUI部署RAG:数据优化与设置技巧详解
  • 浅谈云计算15 | 存储可靠性技术(RAID)
  • MySQL 中删除重复数据 SQL 写法
  • C++中的STL
  • Pcl联合Qt显示点云
  • 《学成在线》微服务实战项目实操笔记系列(P1~P83)【上】
  • FastAPI使用ORJSONResponse作为默认的响应类型
  • MyBatis之动态代理实现增删改查以及MyBatis-config.xml中读取DB信息文件和SQL中JavaBean别名配置
  • 极值图论基础
  • VScode为什么选择了Electron,而不是QT?
  • Leecode之环形链表
  • c#进程(Process)常用方法
  • Linux运用fork函数创建进程
  • Ubuntu22.04 gnome-builder gnome C 应用程序习练笔记(一)
  • 教你用C++开发 身份证号码日期提取工具
  • 除夕快乐(前端小烟花)
  • 【C++ 二分】电脑游戏
  • 聊聊JIT优化技术
  • Android9~Android13 某些容量SD卡被格式化为内部存储时容量显示错误问题的研究与解决方案
  • 贪心算法入门题(算法村第十七关青铜挑战)
  • Get Ready!这些 ALVA 应用即将上线 Vision Pro!
  • C语言:分支与循环
  • nodejs+vue高校实验室耗材管理系统_m20vy
  • 探索XGBoost:参数调优与模型解释
  • 【网工】华为设备命令学习(服务器发布)