当前位置: 首页 > 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

相关文章:

  • 【JAVA基础】JVM是什么?
  • 网络技术-定义配置ACL规则的语法和命令
  • 自由学习记录(21)
  • 为什么hbase在大数据领域渐渐消失
  • 阅读2020-2023年《国外军用无人机装备技术发展综述》笔记_技术趋势
  • qt QKeySequence详解
  • 《学成在线》微服务实战项目实操笔记系列(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:参数调优与模型解释
  • 【网工】华为设备命令学习(服务器发布)