科百科
当前位置: 首页 范文大全

vscode基础代码教程(Vscode高效开发技巧)

时间:2023-06-05 作者: 小编 阅读量: 1 栏目名: 范文大全

Vscode高效开发技巧VscodeIDE1.下载安装vscodevscode官网下载,下载安装即可2.代码编辑技巧2.0Help---命令帮助CtrlShiftP查看所有快捷键2.1打开CtrlShiftN新建窗口Ctrl。

Vscode IDE

1. 下载安装vscode

vscode官网下载,下载安装即可。

2. 代码编辑技巧

  • 2.0 Help---命令帮助

CtrlShiftP 查看所有快捷键

  • 2.1 打开

CtrlShiftN 新建窗口CtrlShiftW 关闭窗口

  • 2.2 打开Terminal

Ctrl ` 打开终端或点击左下角三角和❌号位置

  • 2.3 注释

Command/ (win Ctrl/)

-2.4 行复制与粘贴

Ctrl C 复制行Ctrl X 剪切行

  • 2.5 查找与替换

CtrlF 查找CtrlH 替换AltEnter 选择查找所匹配的所有内容CtrlP 查找文件名并快速打开CtrlG 查找行提示:见下图1) 匹配大小写,2) 匹配整个单词1) 替换当前,2) 替换全部

查找

替换

  • 2.6 格式化代码

OptionShiftF (win AltShiftF)

  • 2.5 上下平移行内容

Option上下方向键 移动光标行代码 (win Alt上下方向键)

  • 2.7 移动光标

移动到行首 command左方向键 (win Home)移动到行尾 command右方向键 (win End)移动到文档的开头 command上方向键 (win CtrlHome)移动到文档的末尾 command下方向键 (win CtrlEnd)回到光标上次的位置 commandU

  • 2.8 区块折叠与展开

Ctrl Shift [ 折叠区块Ctrl Shift ] 展开区块

3. 项目中Vscode统一配置文件

目的:通过项目文件在工作区(workspace)进行统一配置;

.vscode 在根目录下创建该文件夹;

settings.json 在文件夹下创建该配置文件.

// settings.json{ // tab 大小为2个空格 "editor.tabSize": 2, // 编辑器换行 "editor.wordWrap": "off", // 保存时格式化 "editor.formatOnSave": true, // 开启 vscode 文件路径导航 "breadcrumbs.enabled": true, // prettier 设置语句末尾不加分号 "prettier.semi": false, // prettier 设置强制单引号 "prettier.singleQuote": true, // 选择 vue 文件中 template 的格式化工具 "vetur.format.defaultFormatter.html": "js-beautify-html", // vetur 的自定义设置 "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "aligned-multiple" }, "prettier": { "singleQuote": true, "semi": false, "printWidth": 100, "wrapAttributes": false, "sortAttributes": false } }}

4. 必备插件

Auto Close TagAuto Rename TagBracket Pair ColorizerColor HighlightHTML SnippetsHTML CSS SupportHTMLHintfile-iconsJavaScript (ES6) code snippetsMaterial Icon ThemeGitLens eslintvueurVue 2 SnippetsVue PeekVueHelperNode modules resolveOpen inBrowser —— 在浏览器打开Code Runner —— 右键运行js代码 或 使用node a.jsImport Cost —— 分析引入库的大小,如jQueryProject Manager —— 项目管理,左侧增加一个文件管理菜单 code ./vscodeCommandShiftP 或 F1 ( win CtrlShiftP ) 选择Project Manager: Save Projectvscode-icons —— 标识文件类型图标Chinese —— 汉化vscode,重启一下Better Solarized Dark —— 主题,绿色gitignore —— 忽略文件

右键gitignore

5. Eslint检测,待补充!!!

npm i -g eslinteslint --init 一系列配置一系列配置自动修复等。。。

,
    推荐阅读
  • 紫砂壶茶垢要洗吗(紫砂壶茶垢要不要洗)

    接下来我们就一起去研究一下吧!紫砂壶泡茶香,越使用久越香,这是因为紫砂透气性好,茶水在其中不易变味。但有些人喜欢用茶长期泡在壶中,称之为养壶。这种养过的壶泡茶更加香甜,这是因为茶垢堆集在壶壁上的原因。

  • 当妈不容易剧情(讲的是什么故事)

    当妈不容易剧情剧情介绍:陆老太家里突然发生了重大变故,家里最能干的老三建西出车祸死了。老二单位精简工作发生变故,老四的演出生意被砸。陆老太面对一家人的各种困难,毅然用自己的私房钱把住了多年的小院买了下来,把自己的儿女重新聚集在自己的身边。就在这时家里的院子需要拆迁,陆老太响应政府号召第一个在拆迁合同上签字。陆老太用自己钱还为邻里的老人们办起了自助式养老院。

  • 月季蔷薇扦插技巧(月季蔷薇扦插的技巧)

    月季蔷薇扦插技巧月季是蔷薇科蔷薇属植物,是一种极易扦插生根的木本花木,一点不难,要树立信心,谁都能扦插成活。将扦插好的月季,放在背阴处或树荫下,早晚可晒点太阳。逐渐减少喷水次数,直至3-5天喷一次。只要温度合适大多都会形成愈合组织并逐渐生根。月季生根后,原来留的两片小叶会脱落,新芽会萌发。等根部老化变成褐色后移栽,成活率更高。

  • 2021年兴化市幼儿园入园体检时间安排表

    体检日程安排表三、入园体检前的准备1.体检当日衣着宽松舒适,方便检查。

  • ps在哪下载(ps下载方法详解)

    下面更多详细答案一起来看看吧!ps在哪下载首先打开搜索,在搜索框内输入photoshop,在搜索结果中可以找到其官网。即可弹出下拉菜单,在菜单中选择“下载和安装”。即可进入下载界面,如果不想购买该软件,可以点击“开始免费试用”按钮,即可下载photoshopCC的试用程序。下载到电脑中的photoshopCC安装程序,双击该程序即可安装试用。

  • 买手机怎么选(购机技巧)

    买手机怎么选操作系统:建议使用塞班或安卓操作系统,安卓系统使用人群广、可使用应用软件及其丰富,塞班系统功耗小、不占用太多的内存。

  • 腊猪蹄炖配什么做好吃(腊猪蹄炖什么好吃)

    下面更多详细答案一起来看看吧!腊猪蹄炖配什么做好吃食材:腊猪蹄500g,泡发笋干400g,盐适量,生姜适量。笋干腊猪蹄生姜全部放入煲中。盖好盖子,大火烧开后调到最小火炖2个小时左右。加入适量的盐,继续炖10分钟即可。

  • 脓毒血症休克治疗指南(脓毒症休克诊疗规范)

    脓毒血症休克治疗指南脓毒症定义:由感染导致危及生命的器官功能障碍。一:诊断:1)脓毒症诊断:对于感染或疑似感染的者,当脓毒症相关的序贯器官衰竭SOFA评分较基线上升≥2分可诊断脓毒症。3)病因诊断:怀疑脓毒症或脓毒性休克者推荐常规微生物培养(血培养),同时积极寻找感染病灶或感染途径。

  • 盐蒸橙子适合什么咳嗽(盐蒸橙子适合什么样的咳嗽)

    盐蒸橙子适合什么咳嗽盐蒸橙子适合风热、燥邪、肺热、肝火咳嗽。橙子性寒、味甘,老少皆宜,盐蒸橙子适宜各种性热人群或者气滞血瘀引起的咳嗽症状,如果有久咳不止的症状就不要采用这种方法来止咳了,应该立即送往医院进行治疗,以免贻误最佳的治疗时间。盐蒸橙子橙子偏寒,所以盐蒸橙子可以用来治疗热性咳嗽。

  • 奥特曼pk怪兽攻击力(令和奥特曼原创怪兽统计)

    虽然这三只怪兽最终也被奥特曼消灭了,但好歹出场已经给足了特效,也是很厉害的样子。但是这只迪洛斯,却还有一项具备生物的技能,那就是分身。宇宙爆蚀怪兽乌拉,能够吞噬星球的生命体。一说到吞噬星球,就会让人想到平成系列《欧布奥特曼》中的玛伽八岐大蛇。而单有过往的怪兽,并不能够撑起整部奥特曼,这些出现的原创怪兽,就至关重要。