ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

vue项目开发vscode配置

2026/8/16 8:33:31 拓冰建站 浏览量
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’
在这里插入图片描述