![](https://img-blog.csdnimg.cn/20201119203857167.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
开发工具【VSCode】
文章平均质量分 52
开发工具【VSCode】
Bruce小鬼
**高级测试开发**
- 技术是在不断打磨中成长,
- 能力是在不断采坑中成熟,
- 技术人的路就是在采坑中寻找乐趣,在成长过程中不断成熟。
> 书山有路勤为径,学海无涯苦作舟
关注:brucelong.blog.csdn.net
展开
-
VsCode工具开发vue项目必装插件
VsCode工具开发vue项目必装插件目录VsCode工具开发vue项目必装插件1.概述2.VsCode插件清单2.1.Vetur插件让vue文件代码高亮2.2.Vue VSCode Snippets自动生成vue模板内容插件1.安装插件2.使用插件生成vue模板代码2.3.LiveServer实时刷新网页1.安装LiveServer2.使用LiveServer打开网页3.开启自动保存2.4.开发工具设置2个空格缩进2.5.browser插件浏览器插件查看html文件1.安装创建2.浏览html文件1.原创 2022-05-12 18:30:54 · 26789 阅读 · 2 评论 -
VsCode设置打开新文件不覆盖源文件位置
VsCode设置打开新文件不覆盖源文件位置1.概述使用VsCode工具打开新文件时总是替换原有文件的位置,阅读多个文件需要多次打开比较麻烦,下面说下解决方式。2.设置在新标签中打开文件settings-> Workbench->Editor Management 里去掉Enable Preview 的勾选项,此时单击的文件都会被保留...原创 2022-05-16 10:38:07 · 2581 阅读 · 0 评论 -
VsCode开发vue项目快捷键持续更新
VsCode开发vue项目快捷键持续更新1.概述这篇文章总结开发vue项目中常用的快捷操作,提升开发效率。2.开发项目常用快捷键1.格式化代码创建vue项目使用了代码规范检查插件,在开发项目时不符合规范的代码将报错,影响项目的启动。下面提供npm run lint 命令自动格式化修复不符合规范代码,具体插件的安装和配置参考文章。https://brucelong.blog.csdn.net/article/details/113687627...原创 2022-05-13 17:48:20 · 3655 阅读 · 0 评论 -
VSCode前端开发工具插件--LiveServer实时刷新网页
VSCode前端开发工具插件–LiveServer实时刷新网页1.概述当我们使用VSCode工具开发前端HTML页面时,修改内容后都要重新刷新网页才能展示更新代码的内容。那么有没有一种方式能够实时的显示代码更新的内容那?下面就通过LiveServer插件实现网页内容实时刷新2.安装与使用LiveServer插件2.1.安装LiveServer在VSCode的Extends扩展中输入live,在LiveServer上点击Install安装即可2.2.使用LiveServer打开网页原创 2021-01-14 21:10:37 · 10528 阅读 · 3 评论 -
VsCode工具debug代码调试
VsCode工具debug代码调试1.概述这篇文章介绍VsCode工具通过插件调试代码。当我们写完一个功能运行的时候,界面中没有显示出我们想要的内容。这个时候通过盲目的翻看代码找出问题的位置比较耗时间,效率低下。我们通过debug插件可以快速的定位到问题的原因,提升定位问题的效率。2.安装debug插件2.1.搜索debugger for Chrome插件安装2.2.创建两个文件测试debug在项目的任意位置创建debug文件夹,在文件夹下新建index.html和index.js文件原创 2021-02-15 16:52:43 · 3236 阅读 · 1 评论 -
VScode工具自动生成vue模板内容插件-Vue VSCode Snippets
VScode工具自动生成vue模板内容插件-Vue VSCode Snippets1.概述在VScode工具中使用vue开发项目,创建每个组件都要写相同的内容是一件繁琐的事情,我们可以交给插件帮我们完成。2.安装使用插件Vue VSCode Snippets2.1.安装插件2.2.使用插件生成vue模板代码在插件详情中有完整的命令介绍新建一个vue组件,输入vb回车后就出来模板内容模板内容展示...原创 2021-02-04 11:47:49 · 12094 阅读 · 0 评论 -
VScode设置目录分级显示
VScode设置目录分级显示1.Vsvode默认目录展示在当前目录下如果只有一个分支,这个分支总是横向显示,我们更习惯是分级显示。2.设置目录分级显示File–Preferences–SettingsFeatures–Explorer–去掉Compact Folders勾选。4. 查看目录分级显示...原创 2020-12-21 11:44:09 · 6313 阅读 · 3 评论 -
VSCode添加自定义模板
VSCode添加自定义模板1.自定义模板概述在工作中写一些固定的内容,我们不希望重复去写,例如HTML模板内容我们希望能够自动创建,这个需求我们使用VSCode工具的自动以模板就可以实现。VSCode工具中定义模板是通过json文件实现,我们只要按照json格式在文件中编辑我们模板的内容保存后,就可以拿来使用了。2.创建html模板File–Preferences–User Snippets搜索html模板定义模板格式说明{ // Place your snippets原创 2020-11-24 11:14:58 · 7479 阅读 · 0 评论 -
VSCode开发工具设置2个空格缩进
VSCode开发工具设置2个空格缩进1.打开vscode设置File-Preferences-Settings2.设置2个空格搜索tabsize,设置空格为2原创 2020-11-23 21:05:54 · 3295 阅读 · 0 评论 -
VSCode开发工具安装浏览器插件查看html文件
VSCode开发工具安装浏览器插件查看html文件1.安装browser插件1.1.打开vscode扩展栏在扩展栏的搜索栏中输入open in browser,找到open in browser这款插件,点击右下角“安装”字样即可安装。1.2.浏览html文件vscode打开一个html文件,按下Alt+B即可打开默认的浏览器。如果需要在非默认浏览器上打开 快捷键 Shift+Alt+B还可以通过在html文件上右键来选择打开方式。浏览器打开html文件效果图...原创 2020-11-23 18:25:03 · 1416 阅读 · 0 评论 -
vscCode执行命令提示无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本
vscCode执行命令提示无法加载文件1.问题概述2.解决方式2.1.开始处搜索powershell,以管理员的身份运行2.2.然后输入下面的指令:set-ExecutionPolicy RemoteSigned2.3.vscode执行命令成功原创 2020-11-19 20:37:57 · 1768 阅读 · 0 评论