精华内容
下载资源
问答
  • 2021-06-01 18:17:58

    Ctrl + P 搜索文件,vue文件等

    Visual studio的快捷键
    shift + ctrl + l 批量修改选中的区域

    更多相关内容
  • 主要介绍了vue快捷键与基础指令详解,需要的朋友可以参考下
  • VUE中键盘快捷键-JS键盘事件键盘事件在vue项目中监听键盘事件--keydown键盘常用键的keyCode值 键盘事件 在 JavaScript 中,当用户操作键盘时,会触发键盘事件,键盘事件主要包括下面 3 种类型: keydown:在键盘上...

    键盘事件

    在 JavaScript 中,当用户操作键盘时,会触发键盘事件,键盘事件主要包括下面 3 种类型:
    keydown:在键盘上按下某个键时触发。如果按住某个键,会不断触发该事件,但是 Opera 浏览器不支持这种连续操作。该事件处理函数返回 false 时,会取消默认的动作(如输入的键盘字符,在 IE 和 Safari 浏览器下还会禁止keypress 事件响应)。
    keypress:按下某个键盘键并释放时触发。如果按住某个键,会不断触发该事件。该事件处理函数返回 false 时,会取消默认的动作(如输入的键盘字符)。
    keyup:释放某个键盘键时触发。该事件仅在松开键盘时触发一次,不是一个持续的响应状态。

    当获取用户正按下键码时,可以使用 keydown、keypress 和 keyup 事件获取这些信息。其中 keydown 和 keypress 事件基本上是同义事件,它们的表现也完全一致,不过一些浏览器不允许使用 keypress 事件获取按键信息。所有元素都支持键盘事件,但键盘事件多被应用在表单输入中。

    在vue项目中监听键盘事件–keydown

    1、在main.js文件中加入

    Vue.prototype.$keyBoard = function(vm) {
        document.onkeydown = function() {
            let key = window.event.keyCode;//keyCode键盘码值
            //当按下键盘1时,执行有参函数keydown(1, 0),这里的函数keydown按自己的需求更改
            if (key == 49) { //1 ->键盘按键 1
                vm.keydown(1, 0);//keydown是自定义方法。按键触发
            }
            if (key == 50) { //2 ->键盘按键 2
                vm.keydown(2, 1);
            }
    

    2、在需要监听键盘事件的组件里的mounted 生命周期内写入:

    mounted() {
    this.$keyBoard(this);
    }
    

    3、在组件中定义被键盘事件触发的方法:

    methods: {
    //测试方法:
    keydown(num, index) {
    	  alert('111');
    	  console.log(num);
    	  console.log(index);
        },
    }
    

    键盘常用键的keyCode值

    键位keyCode
    0-948-57
    a到z(A到Z)65到90
    F1到F24112到135
    BackSpace(退格)8
    Tab9
    Enter(回车)13
    Caps_Lock(大写锁定)20
    Space(空格键)32
    Left(左箭头)37
    Up(上箭头)38
    Right(右箭头)39
    Down(下箭头)40
    展开全文
  • vue快捷键

    2020-12-24 14:07:20
    F9------ 渲染 Ctrl+F9---- 渲染设置 F11------ 显示时间线 Ctrl+F9---- 动画向导 Ctrl+Shift+B---- 动画工具箱(选中山体时有效) 视窗操作相关 F6----- 显示(场景内所有)材质列表 Ctrl+Num+ ------ 放大视图 ...

    ALT+

    选中视窗中某物体拖拽

    --------

    复制选中的物体

    F4-----------

    天气编辑器

    F5-----------

    天气选择(添加或更换)

    Shift+A-----

    云层选择

    Ctrl+Z-----

    撤销上一步

    Tab -----

    Esc -----

    Ctrl+Shift+W -----

    Ctrl+Shift+O -----

    Ctrl+Shift+M -----

    Shift+D -----

    Num/ -----

    Num* -----

    Ctrl+A-----

    选择全部物体

    Ctrl+X-----

    剪切选择的物体

    Ctrl+C-----

    复制选择的物体

    Ctrl+V-----

    粘贴剪切板中的物体

    Ctrl+D-----??

    F9------

    渲染

    Ctrl+F9----

    渲染设置

    F11------

    显示时间线

    Ctrl+F9----

    动画向导

    Ctrl+Shift+B----

    动画工具箱(选中山体时有效)

    视窗操作相关

    F6-----

    显示(场景内所有)材质列表

    Ctrl+Num+  ------

    放大视图

    Ctrl+Num-  ------

    缩小视图

    Ctrl+Num.  ------

    新创建一个摄像机(

    Ctrl+

    小数字键点)

    Ctrl+Num0  ------

    右下角视图显示主摄像机视角

    Ctrl+Num1  ------

    右下角视图显示顶摄像机视角

    Ctrl+Num2  ------

    右下角视图显示新创建的摄像机视角

    F7-------

    当前视窗最大化

    Alt+Enter-------

    程序窗口最大化

    (

    不显示菜单

    )

    帮助系统相关:

    F1------

    打开

    PDF

    帮助文件

    未知的

    ,

    和需要完善的:

    选中一个物体后:

    展开全文
  • VsCode一些相关设置 然后打开vue.json 打开之后将我下面的代码拷贝过去就可以(可以自定义修改) { "Print to v2": { "prefix": "vue2", "body": [ "<template>", " <div>\n", " </...

    VsCode一些相关设置

    然后打开vue.json

    打开之后将我下面的代码拷贝过去就可以(可以自定义修改) 

    {
      "Print to v2": {
        "prefix": "vue2",
        "body": [
          "<template>",
          "  <div>\n",
          "  </div>",
          "</template>",
          "<script>",
          "export default {",
          "  data() {",
          "    return {\n",
          "    }",
          "  },",
          "  mounted(){\n",
          "  },",
          "  computed:{\n",
          "  },",
          "  methods:{\n",
          "  },",
          "}",
          "</script>",
          "<style scoped>\n",
          "</style>",
          "$2"
        ],
        "description": "Log output to console"
      },
      "Print to v3": {
        "prefix": "vue3",
        "body": [
          "<template>",
          "  <div></div>",
          "</template>",
          "<script>",
          "export default {",
          "  components: {\n",
          "  },",
          "  props: {\n",
          "  },",
          "  setup(props, context) {\n",
          "  }",
          "}",
          "</script>",
          "<style scoped>\n",
          "</style>",
        ],
        "description": "Log output to console"
      },
      "Print to setup": {
        "prefix": "setup",
        "body": [
          "<template>",
          "  <div></div>",
          "</template>",
          "<script setup>\n",
          "</script>",
          "<style scoped>\n",
          "</style>",
        ],
        "description": "Log output to console"
      }
    }
    

    然后在 .vue文件中 输入上面 prefix 对应的快捷键。

    我上面配置了三个,也就是直接输入vue2或vue3或setup就可以了。

     如果不生效怎么办

    第一种情况:

    首先保存并重启vscode 

    然后看一下打开的vue页面 右下角 是不是没设置成Vue

    可以修改默认为 vue 

     这样就可以了

     第二种情况:

     如果配置的模板代码片段是用在<script>标签中,这时候就不能配置在vue.json中,要配置在javascript.json中

    如下: 

    展开全文
  • idea中用不了vue快捷键

    2022-05-05 12:18:56
    html快捷键tab可以补全标签,但是按了没反应。去网上搜了一圈没搜到。 点击旁边的灯泡,就会出现一个安装的东西,把那个东西安装上,就可以输入el-button再按tab就能补全如上图了。 菜鸡入门阶段,大佬路过可以无视...
  • 4. 输入快捷指令名称 【vue】该名称就是快捷键的名称 5. 去除文件中所有内容 6. 将该部分代码添加到文件上 { "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>",
  • vscode中创建vue快捷键

    千次阅读 2020-12-04 17:02:18
    在输入框中新建名称为vue.json 3.删除里面的注释,当然你也可以留着,把下面的代码粘贴进去! { // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body ...
  • vue绑定快捷键

    千次阅读 2019-07-14 01:13:43
    比如我们要在某个页面绑定一个ctrl+s的快捷键 因为防止按下快捷键触发多次的情况,所以需要将keydown和keyup都绑定 1.在js全局设定一个变量 var flag = true 2.在methods里面写入两个新函数 handleKeyDown(e) { ...
  • webStrom 创建vue 快捷键

    2021-10-27 15:05:43
    步骤1:file → setting / ctrl +alt +s 步骤2:File | Settings | Editor | Live Templates 步骤3 创建模版组或者直接选择 ...// 这里可以导入其他文件 例如:组件、工具js、第三方插件js,js...
  • vue快捷键.pdf

    2021-11-16 08:01:25
    vue快捷键.pdf
  • vue.json 编辑 win通过File->Preferences->User Snippets->vue.json 编辑 官方示例如下, // Example: // "Print to console": { // "prefix": "log", // "body": [ // "console.log('$1');", // "$...
  • 1、经常用到的 vue代码模板 可以通过设置 vscode 进行设置 新建或者添加到现有 代码代码片段 内容为: { "生成vue模板": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>...
  • vsCode快捷键及与vue相关的快捷键

    千次阅读 2022-03-01 00:05:18
    代码格式化: Shift+Alt+F; 向上或向下移动一行: Alt+Up 或 Alt+Down 向上或向下复制一行: Shift+Alt+Up 或 Shift+Alt+Down 在当前行下方插入一行: Ctrl+Enter ...vue文件相关快捷方式: 1、工作区输入"&l
  • VsCode开发vue项目快捷键持续更新 1.概述 这篇文章总结开发vue项目中常用的快捷操作,提升开发效率。 2.开发项目常用快捷键 1.格式化代码 创建vue项目使用了代码规范检查插件,在开发项目时不符合规范的代码将报错,...
  • vscode常用快捷键
  • vue 实现快捷键录入功能 项目需要在页面使用快捷键,而且需要对快捷键进行维护,然后呢,就从网上抄了,改成自己的。 记录一下。 参考地址: https://www.jb51.net/article/203981.htm 首先有一个组件,用来实现...
  • vue实现快捷键

    千次阅读 2018-09-26 15:36:00
    created() { let arr = []; let that = this; document.onkeydown = function(e) { if(arr.length > 0) { // a-z按键长按去重 if(arr.indexOf(e.key.toLowerCase()) >= 0) { ...
  • vue项目中的小知识--快捷键
  • vue中使用热键的方法

    2021-04-25 14:14:15
    vue界面使用一个全局的热键去直接调用接口 最后使用的方法如下: 先安装 npm i keymaster -S 在页面引用 import key from 'keymaster' 在mounted方法中调用 mounted() { // 这会获取VueCompent,才会调用...
  • VUE3.0 使用全局快捷键

    2021-04-27 21:59:35
    vue3.0中 使用全局快捷键是比较容易的。 1. 首先编写一个全局快捷键类, import { inject } from "@vue/runtime-core"; const rkey = 'r-shortcut-key' function RKeyMap(){ var map = {}; this.bind = (skey,...
  • vue快捷键积累

    2020-10-22 11:40:30
    enter键确定功能 @keyup.enter.native
  • 主要还是通过Mousetrap.bind来绑定,先了解一下基础用法 Mousetrap.bind ...先将快捷键和对应的方法需要参数存入一个Map中,Key为快捷键,Value为所需参数 vue的js代码块,mounted()方法块中,定义方法:
  • vue监听页面快捷键(保存,复制)

    千次阅读 2020-07-16 18:00:50
    1、created created() { document.addEventListener('click', this.handleKeyClick) document.addEventListener('keydown', this.handleKeyDown) document.addEventListener('keyup', this.handleKeyUp) ...
  • webstorm中常用到的Vue设置快捷键

    千次阅读 2019-08-22 16:40:04
      就拿自己写Vue来说吧,webstorm中常用到的Vue设置快捷键总结,免得自己忘记。 PS: webstorm快捷键-------略 大小写转化   在webstorm中, 使用 Ctrl + Shift + U,可以将选中的小写文本转换成大写. 安装vue...
  • 生成vue模板"},"http-get请求": {"prefix": "httpget
  • vue格式化快捷键设置

    千次阅读 2018-08-14 11:31:00
    2019独角兽企业重金招聘Python工程师标准>>> ...http://www.ptbird.cn/vscode-autosave-eslint-support-vue.html 转载于:https://my.oschina.net/u/3407708/blog/1927523
  • 【vscode中使用beautify插件格式化vue文件(自定义快捷键)】https://blog.csdn.net/jiandan1127/article/details/85958965 C:\Users\qinmt\AppData\Roaming\Code\User\settings.json { "files.autoSave":...
  • // 快捷键 let that = this; let keyMap = ["control", "m"]; document.onkeyup = function(e) { let key = e.key.toLowerCase(); if (keyMap.indexOf(key) > -1) { switch (key) { case "contro.

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 10,210
精华内容 4,084
关键字:

vue快捷键设置

友情链接: adonet.zip