2 snippets vue 修改配置_VsCode从零开始配置一个属于自己的Vue开发环境
VsCode算是比较热门的一个代码编辑器了,全名Visual Studio Code,微软出品
插件众多,功能齐全,平常开发过程中都是用的它,整理了下日常使用的插件及配置供大家参考,废话就不多说了,直接进入正题。
相关插件
Vetur
插件文档地址:https://marketplace.visualstudio.com/items?itemName=octref.vetur
Vetur不用说了吧,开发Vue必装的一个插件
未安装之前vue文件显示这样的
安装完成后显示这样的,看着舒服多了
Vue 2 Snippets
插件文档地址:https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets
主要加强vue的便捷写法
language-stylus
插件文档地址:https://marketplace.visualstudio.com/items?itemName=sysoev.language-stylus
写stylus用的,如果项目用的stylus写样式推荐安装,其他Sass、LESS等同理安装相应的插件即可。
Auto Close Tag
插件文档地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
自动闭合标签所用
配合快捷键Alt+. (Command+Alt+. for Mac)特别好使。
Auto Rename Tag
插件文档地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
自动修改重命名配对的标签
Bookmarks
插件文档地址:https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks
可以对成片的代码做一些书签标记,方便后续查看。
Bracket Pair Colorizer
插件文档地址:https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
对括号进行着色,方便区分,下面的图分别是安装前后的比较
Copy Relative Path
插件文档地址:https://marketplace.visualstudio.com/items?itemName=alexdima.copy-relative-path
用于复制文件的完整路径和相对路径,有时候我们可能需要复制一些文件的路径,该插件就很方便了。
Path Intellisense
插件文档地址:https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
路径自动感知,在配置文件中配置@后我们就可以很方便快捷的引用各种文件了
"path-intellisense.mappings": { "@": "${workspaceRoot}/src"}
Document This
插件文档地址:https://marketplace.visualstudio.com/items?itemName=joelday.docthis
主要用于方法的注释,选中方法名,按两次Ctrl+Alt+D,即可快速生成标准的注释
psioniq File Header
插件文档地址:https://marketplace.visualstudio.com/items?itemName=psioniq.psi-header
按两次Ctrl+Alt+H可快速在文件的头部生成注释信息,如果对默认的注释模板不满意的话,可以在配置文件中自定义注释模板
"psi-header.templates": [ { "language": "*
2 snippets vue 修改配置_VsCode从零开始配置一个属于自己的Vue开发环境相关推荐
- ubuntu vscode 配置字体_第五章 Ubuntu搭建ESP32开发环境(vscode)
Vscode安装 ubuntu软件中自带vscode的安装包,一键完成,不废话,没有的想办法解决. 编译链操作 下载 官方最新地址 有系统区别,下载对应的压缩到到电脑 · for 64-bit Lin ...
- iPhone/iPad/iTouch配置Bash/C/C++/OC/Java/Theos/MySQL/Python开发环境! 让我告诉你iOS的魅力~
说明 这是小编原创的教程,里面用到的各种各样的工具都是大神之作,小编只是编写了简单地脚本跟大家分享,让大家上走弯路,希望大家多多支持~ 这篇文章假设大家对Linux有一定的了解,会一些简单的命令,并且 ...
- (网页开发/前端)配置VsCode,让您拥有更舒适的开发环境
vscode,微软旗下的一款强大的IDE集成开发环境,现在,越来越多的网页开发人员选择使用vscode来敲代码. 但是,在不添加任何扩展的vscode中,想要享受"丝滑"的开发体验 ...
- vue修改节点class_Vue2.0 源码解读系列 来自 Vue 的神秘礼盒
鄢栋,微医云服务团队前端工程师.有志成为一名全栈开发工程师甚至架构师,路漫漫,吾求索.生活中通过健身释放压力,思考问题. 目前 Vue3.0 打的很火热,都已经出了很多 Vue3.0 源码解析系列的博 ...
- 【开发环境】PyCharm 配置 GitHub ( 从 GitHub 中 Clone 代码到 PyCharm 开发环境中 )
文章目录 一.PyCharm 配置 GitHub 账号 二.PyCharm 中 Clone GitHub 代码 三.PyCharm 为工程配置 Python 编译器 一.PyCharm 配置 GitH ...
- ROS入门(ROS安装+编译器配置)详细教程 ROSneotic安装 VScode的ROS开发环境的简单配置
ROS安装 + vscode简单配置 假设你已经安装好了Ubuntu 20.04,并且只有国内网络环境. 换源 Ctrl + Alt + T打开终端 备份并打开 sudo cp /etc/apt/so ...
- java中的adt安装配置,Android SDK 2.3与Eclipse最新版开发环境搭建
一.背景和准备 1.Android 简介 Android是谷歌于2007年11月5日宣布的基于Linux平台的开源手机操作系统的名称,该平台由操作系统.中间件.用户界面和应用软件组成,号称是首个为移动 ...
- vue读取服务器文件跨域,新版vue-cli模板下本地开发环境使用node服务器跨域的方法...
背景 我们都知道浏览器有一个既核心也最基本的安全功能,即同源策略.同源分别是:协议,域名,端口.如果浏览器访问服务器不同源的话,就会访问不到数据.那开发中常常访问的服务器不同源,那么可以借助一个服务器 ...
- mysql mmm配置_从零开始配置 MySQL MMM
云平台是个好东西,MySQL-MMM 的典型配置是需要五台机器,一台作为MMM admin,两台master,两台slave.一下子找五台机器真不容易,何况还要安装同样的操作系统. 而有了cloud, ...
最新文章
- go build 编译报错 missing go.sum entry for module providing package
- 我所犯的JavaScript引用错误
- HTML5如何重塑O2O用户体验
- Coloring Dominoes
- Yii的errorLog
- 【转】增强 scite 编辑器的代码提示功能
- php rsa加密实例,关于PHP语言的RSA加密实例讲解
- ArcGis Desktop10 注册机授权方法与安装步骤
- RMI和WebService
- python填空题及答案知乎_GitHub - HSINAN/zhihu-python: 获取知乎内容信息,包括问题,答案,用户,收藏夹信息...
- struts工作原理(图解)
- Dynamic CRM 2013学习笔记(二十二)插件里调用WCF服务
- 如何培养客户忠诚:你要的不是会员,而是粉丝!
- MathType与Office公式编辑器有什么不同
- axios http错误码处理
- 中级软件设计师JAVA
- matlab局部放大找交点,11.matlab找两条离散曲线的交点
- 714. 买卖股票的最佳时机含手续费-动态规划算法
- 菜狗为了打败菜猫,学了一套如来十三掌
- PRISM 扩展Mef 的Export属性为ViewExport
热门文章
- jieba分词单例模式及linux权限不够情况下tmp_dir自定义
- 第二章课后习题2-5
- VS2013中修改.dll工程项目的.lib和.dll的输出路径
- ajax jsonp img
- ASP.NET 2.0中母版页中引用文件路径的问题(收集)
- 争议激烈!新晋斯隆奖得主发布最新研究,网友:结果成疑,文章结论和实验结果完全相反...
- AAAI2021 大运动“视频超分辨”中的对偶子网与多阶通信上采样方案
- 轻易致盲分类器!普渡大学提出光学对抗攻击算法:OPAD,想法奇特,性能有效!...
- 通过显式寻找物体的 extremity 区域加快 DETR 的收敛:Conditional DETR
- 能“看穿”换脸视频背后的AI模型,Facebook的反Deepfake方法有点东西