首先打开vscode, 文件-首选项-用户代码片段, 此时可以选择一个已有的vue.json进行修改, 或者输入别的名字新建 打开后把原有的代码注释 粘贴下面代码:(具体注释和内容可以修改) { // Place your snippets vue here. Each snippet is defined under a snippet nam
1.准备工作,下载安装程序。[Nodejs] (https://nodejs.org/en/download/)   [VSCode] (https://code.visualstudio.com/) 好像最新版本还需要升级安装 [Python] (https://www.python.org/downloads/)   [C++] (https://visualstudio.
转载 4月前
446阅读
如题前几天在搭建新的项目的时候,脚手架升级到了 vue-cli4.x 的版本,然后像往常一样创建了新的项目。可是在安装依赖的过程中,node-sass 需要在 github 上下载一个依赖包。一直没安装成功,后来改用了 cnpm (淘宝的镜像)去安装全部依赖。依赖是装上了,可是引发了下面的很多问题vscode 对于 vue 文件无法进行智能提示没有智能提示那简直比白板面试还要难受,甚至乱写代码也不
转载 2024-03-19 20:37:11
262阅读
在上一篇笔记中提到了Vue3+vite+Ts写代码过程中,出现的代码自动补全失效功能,今天来谈谈如何解决这个问题。首先,我们已经很明确的就是安装了volar插件之后,HTML标签片段补全已经失效,即在template中书写HTML标签时,不会再有代码补全,即输入“div”,就是“div”,而不再是“<div></div>”,为了解决这个问题,我们需要在不删除volar插件的
转载 2024-04-30 22:20:43
3553阅读
作者:DT辰白前言最近使用了Vscode编辑器写Vue前端代码,发现很坑,很多东西都不会提示,而且超级难找,所以这里记录一下小编的初使用过程中遇到的坑。一、Vue VSCode Snippets插件安装 在这里插入图片描述 这里小编第一次安装完成之后,发现他的一些命令根本不生效,我重启了Vscode还是没啥反应,解决方式:查看底部的状态栏当前的语法格式: 在这里插入图片描述
转载 2024-04-20 10:11:09
938阅读
知识的海洋无边无际,坑也是。鲁迅没说。 1先安装nodejs  安装镜像 npm config set registry http://registry.npm.taobao.org备用人品不好者 用下面的 npm config set registry http://r.cnpmjs.org 查看 npm config get registry安装 Vue-cli 脚手架 npm in
CSS Navigation - vscode 插件 - vue css 跳转
css
原创 2022-08-29 16:07:05
655阅读
使用 CSS 变量编写你的样式代码基本使用:1. --variable: <declaration-value>2. <css-attribute>: var(--variable) 第一个是定义 css 变量 其中 --variable 可以是自定义的名称,但是必须 -- 开头,冒号后面是变量的值(变量:值)第二个是在选择器中使用一开始定义好的 css
在配置文件上加上这句话就可以了,没有使用插件。 ```javascript "files.associations": { "*.vue":"html" } ```
原创 2022-06-23 12:17:24
1390阅读
目录一、前端开发工具二、ES6入门三、Vue一、介绍二、基本语法三、组件(重点)四、实例生命周期五、路由六、axios七、element-ui 一、前端开发工具配置1. 中文界面配置首先安装中文插件:Chinese (Simplified) Language Pack for Visual Studio Code右下角弹出是否重启vs,点击“yes”有些机器重启后如果界面没有变化,则 点击 左边
转载 2024-08-21 17:28:24
1114阅读
最近有个项目使用了 Vue.js ,本来一直使用的是 PHPStorm 来进行开发,可是遇到了很多问题。后来,果断放弃收费的 PHPStorm ,改用 vscode (Visual Stdio Code).当然 vscodevue 也不是原生支持的,今天来扒一扒如何配置 vscode 以便优雅地编辑 vue 文件 先来扒一扒使用 PHPStorm 遇到的问题:vue文件虽然可以通过
转载 2024-08-16 20:28:19
299阅读
1.确认已安装好node,中文官网如下,未安装可按需下载。下载好之后,打开文 件直接一直下一步,根据需要更改安装位置即可: 2.node安装好后,默认带有npm,查看安装是否成功 ①win+R 打开命令窗口 ②输入node -v查看版本 ③输入npm -v查看版本 3.vscode中安装vue-cli ①打开vscode终端,输入以下全局安装命令,然后回车,等待安装完成。npm install -
转载 2024-08-01 18:59:54
397阅读
# VSCodeVue 3 和 Axios 使用指南 在现代前端开发中,Vue.js 和 Axios 已成为非常流行的技术组合。随着 Vue 3 的发布,开发者们在使用过程中可能会遇到一些问题,例如 "VSCode 没有 Vue 3 和 Axios 提示"。在这篇文章中,我们将探讨如何在 VSCode 中正确设置 Vue 3 和 Axios,并给出相关的代码示例。 ## 一、环境准备
原创 9月前
125阅读
装上vetur和vue 2 snippets两个插件即可。 ...
转载 2021-08-07 12:06:00
4119阅读
2评论
前置知识本文推荐插件,主要针对 web前端开发;部分插件可能会因为版本更新等原因,会有所变化;通用插件HTML CSS Supporthtml 标签class属性等 智能提示 新版已经支持scss文件检索标签Auto Close Tag 自动闭合标签【HTML/XML】Auto Rename Tag 改变标签时,同时自动修改闭合标签【HTML/XML】格式化beautify 可以格式化JSON|
转载 2024-01-25 20:08:02
1236阅读
vs2008智能提示jQuery的设置注意事项 首先看一下Visual Studio带给我们的智能感知惊喜. 要让Visual Studio支持智能感知, 需要下列条件:安装 VS2008 SP1  下载地址: http://msdn.microsoft.com/en-us/vstudio/cc533448.aspx 安装VS 2008 Patch KB958502以
转载 2024-02-04 10:54:33
48阅读
vue项目中使用codemirror插件实现代码编辑器功能(代码高亮显示及自动提示)1、使用npm安装依赖npm install --save codemirror;2、在页面中放入如下代码 <template> <div> <textarea ref="mycode" class="codesql" v-model="code" style="hei
转载 2024-08-01 16:34:43
940阅读
写在前面 分享一个vscode插件background(用于改变背景)。点击直接跳到vscode插件开发步骤 做vscode的插件,很久就有这个想法了,但是一直因为这样,那样的事情耽误,放弃了N次。不过确实让我对文档有了个直观的了解。上周末的时候因为测试妹纸要加班测试,让我也到公司加班,等待可能出现的bug这理由听着就扯淡当然一群妹纸都到公司等着了,我也必须去......于是在等待bug的时间里
# 在 VSCode 中修复 Vue3 + TypeScript 错误提示失效 在使用 Vue3 和 TypeScript 开发时,可能会遇到错误提示失效的问题。这不仅影响我们的开发效率,也可能导致潜在的错误难以被及时发现。下面,我们将通过一系列步骤来解决这一问题。 ## 整体流程 在解决这个问题之前,我们首先需要了解整体的解决流程。以下是具体的步骤和说明: | 步骤 | 操作描述
原创 8月前
402阅读
 用途:供大 家深入了解如何运用VSCode中代码片段功能VSCode中的代码片段(snippets)代码片段是一种方便重复输入代码的模板。(例如循环或条件语句)在VSCode中代码片段出现的场景有:1.与其他建议混合的IntelliSense(Ctrl+Space)中;2.专用代码段选择器中(在命令面板中插入代码段)。它还支持通过制表符完成:使用启用它的配置 "editor.tabCo
转载 2024-08-30 13:18:59
490阅读
  • 1
  • 2
  • 3
  • 4
  • 5