1.准备工作,下载安装程序。[Nodejs] (https://nodejs.org/en/download/) [VSCode] (https://code.visualstudio.com/)
好像最新版本还需要升级安装 [Python] (https://www.python.org/downloads/) [C++] (https://visualstudio.
简介VSCode是微软出的一款轻量级代码编辑器,免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。VSCode推荐一个项目以文件夹的方式打开。一、设置首选项下载安装完成后,打开编辑器,首先要设置主题、字体大小等。1. 设置主题文件→首选项→颜色主题2. 设置字体大小文件→首选项→设置,打开了一个setting.js
主命令框 F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令,例如:按一下 Backspace 会进入到 Ctrl+P 模式在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式 在 Ctrl+P 窗
手把手教你搭建VUE+VScode+elementUI开发环境1.安装node.js按照VUE必须先要安装node.js(1)打开NodeJs官网:https://nodejs.org/en/download/ ,根据系统下载,Windows操作系统一般选择是64-bit。(2)点击64-bit就开始下载了。(3)双击安装,安装过程基本直接“NEXT”就可以了。(windows的安装msi文件在过
转载
2024-06-28 18:56:14
1363阅读
在上一篇笔记中提到了Vue3+vite+Ts写代码过程中,出现的代码自动补全失效功能,今天来谈谈如何解决这个问题。首先,我们已经很明确的就是安装了volar插件之后,HTML标签片段补全已经失效,即在template中书写HTML标签时,不会再有代码补全,即输入“div”,就是“div”,而不再是“<div></div>”,为了解决这个问题,我们需要在不删除volar插件的
转载
2024-04-30 22:20:43
3549阅读
由于公司近期有新的H5项目开发,而前端的同事也离职了,所以就临时顶缸,研究学习一下Vue框架开发。 本人也是初学,在学习过程中,把一些学习所得分享出来,可能会有很多问题和疏漏,希望大家能够多多指正,共同进步。一、环境准备: 1. Node.js:在nodejs官网下载最新的安装包,选择安装目录,傻瓜式安装。安装完成后,打开dos命令,输入node -v命令,会显示安装的nodejs版本,表
【一】VSCODE官方插件库https://marketplace.visualstudio.com/最好能在文件->首选项->设置中,搜索update,将Auto Update关闭,否则,如果网络或者配置有问题,在重启vscode时,会经常出现c/c++扩展更新,然后更新失败的问题【二】菜单显示语言设置为中文1.Ctrl+shift+p2.搜索框中输入configure displa
vscode开发vue推荐的插件设置为中文语言环境win【ctrl+shift+p】mac+【command+shift+p】在弹出的搜索框中输入【configure language】,然后选择搜索出来的【Configure Display Language】vetur 插件: vue文件基本语法的高亮插件setting.json添加配置eslint插件:智能错误检测插件,在具体开发中作用很大,
vetur 很多人知道,但在 vscode 下没办法格式化 .vue 里的 html, js 很是头疼,代码风格无法统一。所以不少人直接拆分开,然后在 .vue 中引入,虽然方法很好,但这有违 .vue 单文件组件的初衷。本文详细介绍 vscode 下使用 vetur + prettier + eslint 来统一 vue 编码风格。vetur 插件vetur 经过多个版本迭代,算是目前 vsco
1.问题描述,就是我一个下拉项串行并行切换的时候,同时也会切换form的rules,而切换之后,会自动触发一次validate的校验,导致页面没提交,只是切换下拉,却出现了校验一次的情况,rules的切换是根据执行方式的变化而变化的 简单来说就是我的表单验证是动态的,可能多出来几个必填的,或者少几个必填的会根据一些选项决定解决方法是在执行方式 select onchange
前言Visual Studio Code(简称 VSCode)凭借其占用内存小、文件加载快、稳定性好、插件丰富等等特点,从众多 IDE 中脱颖而出,受到了广大开发人员的青睐。工欲善其事,必先利其器。选择适合自己的 VSCode 插件,能够让你的开发效率突飞猛进。VSCode 插件市场 (https://marketplace.visualstudio.com/VSCode) 上面插件百花齐放,但实
前言Coded UI Test是Visual Studio 2010对于Testing Project(测试工程)提供的关于UI自动化测试的框架,支持Win32/Web/WPF等UI的自动化测试,在介绍它之前,先简单介绍一下持续集成。大家如果对持续集成不感兴趣的话,可以直接跳到第3节。 1:持续集成持续集成由软件工程大师Martin Fowler提出,他对技术集成下的定义是:持续集成是一
前言推荐一波前端开发必备插件,绝对可以提高你的生产力,剩下来的时间来 mo鱼,岂不美哉开发综合推荐别名路径跳转插件名:别名路径跳转使用说明: 别名路径跳转插件,支持任何项目,使用场景: 当你在开发页面时, 想点击别名路径导入的组件时(演示如下)配置说明下载后只需自定义配置一些自己常用的别名路径即可// 文件名别名跳转
"alias-skip.mappings": {
"~@/
转载
2024-05-15 05:48:16
2328阅读
一、安装vue.js1.简介Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实
不想看细节的小伙伴,直接看最后面的总结。 刚进公司,要熟悉一个前端用vue写的项目,由于之前从来没有接触过vue,所以就上网查,按照网上的教程,在命令行新建项目,安装依赖包,运行项目都成功了。但是当使用VSCode运行vue项目,执行cnpm install命令下载依赖包时,持续报错。 vue环境的安装,新建项目的流程,就参见这篇博客啦,很详细。 但是当在VSCode中引入项目,执行cnpm in
Chinese:(修改vscode为中文显示)Auto Rename Tag(修改一侧标签另一侧自动修改)Auto Close Tag (写HTML与XML标签时自动补齐 关闭标签)open in browser(在浏览器打开网页文件)Live Server(启动一个本地服务运行网页,且保存文件自动运行到此服务)Easy Less(编译less文件,保存自动生成相应的css文件)px to rem
文档EditorConfig for VS CodeEditorConfig官网微软说明editorconfig-vscode github简介EditorConfig和Prettier一样,都是用来配置格式化你的代码的,这个格式化代码,要和你lint配置相符!否则会出现你格式化代码以后,却不能通过你的代码校验工具的检验EditorConfig 文件中的设置用于在基本代码库中维持一致的编码风格和设
Visual Studio Code作为小邹最喜爱的编辑器之一,毫无疑问也是目前市场上最流量的轻量级代码EDE之一。它确实从其它代码编辑器吸收了大量的概念,特别是Sublime Text和Atom。不过,它受欢迎的原因主要还是在于它的性能更好,并且十分稳定。另外,它还提供了我们最想要的原本只能在那种复杂的大型IDE像Eclipse或者Visual Studio 2017里面才有的智能代码提示(In
VUE项目构建1. 了解vue用vue官方的语言便是:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。2. 准备工作开发工具
用途:供大 家深入了解如何运用VSCode中代码片段功能VSCode中的代码片段(snippets)代码片段是一种方便重复输入代码的模板。(例如循环或条件语句)在VSCode中代码片段出现的场景有:1.与其他建议混合的IntelliSense(Ctrl+Space)中;2.专用代码段选择器中(在命令面板中插入代码段)。它还支持通过制表符完成:使用启用它的配置 "editor.tabCo
转载
2024-08-30 13:18:59
490阅读