“工欲善其事,必先利其器”。“偷懒是第一生产力”,当你刷题的时候,每次都要把程序框架coding by hand,多次重复这一枯燥的操作,很令人无聊。于是,vscode就为“懒惰”的程序员提供了一个偷懒的小技巧:自定义代码片段。自定义代码片段方法很简单,也很容易上手。我在网上搜索了一下,主要是单个自定义代码片段,基本没发现有介绍多个自定义代码片段的。1、【文件】 -> 【首选项
首先打开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
935阅读
知识的海洋无边无际,坑也是。鲁迅没说。 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
在配置文件上加上这句话就可以了,没有使用插件。 ```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评论
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 中修复 Vue3 + TypeScript 错误提示失效 在使用 Vue3 和 TypeScript 开发时,可能会遇到错误提示失效的问题。这不仅影响我们的开发效率,也可能导致潜在的错误难以被及时发现。下面,我们将通过一系列步骤来解决这一问题。 ## 整体流程 在解决这个问题之前,我们首先需要了解整体的解决流程。以下是具体的步骤和说明: | 步骤 | 操作描述
原创 8月前
402阅读
 用途:供大 家深入了解如何运用VSCode中代码片段功能VSCode中的代码片段(snippets)代码片段是一种方便重复输入代码的模板。(例如循环或条件语句)在VSCode中代码片段出现的场景有:1.与其他建议混合的IntelliSense(Ctrl+Space)中;2.专用代码段选择器中(在命令面板中插入代码段)。它还支持通过制表符完成:使用启用它的配置 "editor.tabCo
转载 2024-08-30 13:18:59
490阅读
解决VSCode无法显示Unity代码提示的真正解决办法前言不提示原因尝试解决问题步骤1:验证是否正确打开工程目录步骤2:验证工程是否指定正确步骤3:检查和安装对应的.NET开发者版本终极大招 重置项目目录代码提示有了,但找不到UnityEngine.UI等类gameobject什么的只能.出一个智能引用其他相关利用控制台定位问题推荐撸Unity用的VScode插件 前言作为一个程序猿最头大
本文不做任何编辑器的比较,只是我本人日常使用 vscode 进行开发,并且比较喜欢折腾 vscode ,会到处找这一些好玩的插件,于是越攒越多,今天给大家推荐一下我收藏的 60 多个 vscode 插件,据说插件装太多,编辑器会变卡,可能是我的电脑配置还顶得住,目前并没有感觉到卡卡的。接下来我会将会以 优化外观,功能扩展,提升编码效率,代码格式化,其它插件 几个分类来进行介绍。注:本文只涉及插件的
转载 2023-12-28 20:57:35
185阅读
前段时间,朋友说自己的vscode突然出现了代码不能自动补全的问题(主要是js,其他语言也可以参考)症状表现为,刚打开vscode有自动补全,过了一会,突然就没了,反反复复解决过程也是相当坎坷了开始其实就解决了,推测是插件引起的冲突,只不过以为失败了,而且开始只设想到了vscode的扩展插件。新建了一个文件夹,新建一个js文件,这里是可以补全的后来又把他电脑上的vscode彻底卸载了,然后重新装发
转载 2024-01-04 13:00:52
217阅读
  • 1
  • 2
  • 3
  • 4
  • 5