• VUE项目使用


    VUE项目需要安装node.js 在项目按shift点右键,会有命令(在此处打开Powershell窗口  然后npm run dev启动)

    1、开发工具VScode和webstorm和IDEA

    VSCode是微软出的一款轻量级代码编辑器,免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,

    例如代码格式化,代码智能提示补全、Emmet插件等。VSCode推荐一个项目以文件夹的方式打开。

    2、vue下载及插件

    进入vscode官网(https://code.visualstudio.com/Download)

    进入vscode官网插件(https://marketplace.visualstudio.com/VSCode)

    • vetur 语法高亮、智能感知
    • VueHelper vue代码碎片
    • Vue 2 Snippets vue2代码碎片

    3、导入工程

    • 在vscode ide中选择"文件"-->"打开文件夹"
    • 将构建好的vue工程导入
    • 安装vue相关插件之后,vscode会有代码提示功能

    4、快捷键

    所有快捷键设置:文件→首选项→键盘快捷方式

    在当前行中间换行到下一行:ctrl+enter 
    
    当光标点击到某一行时,默认选中全行,可以直接复制剪切 
    
    直接删除某一行:shift+delete或者ctrl+shift+k 
    
    多行光标选择:alt+鼠标左键 
    
    自动生成html结构和meta声明:首先输入“!”,然后按tab键 
    
    标签自动补全:tab键 
    
    折叠所有代码:ctrl+k、ctrl+0 
    
    拆分编辑器:ctrl+ 查找框右边的3个参数分别为:区分大小写,全字匹配,使用正则 
    
    跳转行号:ctrl+G 
    
    添加函数注释:在函数上方输入“/**”,然后点击enter 
    
    格式化:alt+shift+f 
    
    注释:ctrl+/ 
    
    全部保存:ctrl+k, 然后只按s一个键 
    
    向上移动一行:alt+↑ 
    
    向下移动一行:alt+↓ 
    
    向上复制一行:alt+shift+↑ 
    
    向下复制一行:alt+shift+↓ 
    
    查找:ctrl+F 
    
    替换:ctrl+H 
    
    文件夹中查找:ctrl+shift+f 
    

    可以在打开的文件夹中搜索所有文件内容

    文件中替换:ctrl+shift+h 
    
    转到定义:F12 
    
    转到实现:ctrl+F12 
    
    打开文件夹:ctrl+k, ctrl+o 
    
    关闭文件夹:ctrl+k, 然后单按一个f 
    
    选中一段代码,通过“ctrl+[”可以左移,“ctrl+]”可以右移




    快捷键

    所有快捷键设置:文件→首选项→键盘快捷方式

    在当前行中间换行到下一行:ctrl+enter 
    
    当光标点击到某一行时,默认选中全行,可以直接复制剪切 
    
    直接删除某一行:shift+delete或者ctrl+shift+k 
    
    多行光标选择:alt+鼠标左键 
    
    自动生成html结构和meta声明:首先输入“!”,然后按tab键 
    
    标签自动补全:tab键 
    
    折叠所有代码:ctrl+k、ctrl+0 
    
    拆分编辑器:ctrl+ 查找框右边的3个参数分别为:区分大小写,全字匹配,使用正则 
    
    跳转行号:ctrl+G 
    
    添加函数注释:在函数上方输入“/**”,然后点击enter 
    
    格式化:alt+shift+f 
    
    注释:ctrl+/ 
    
    全部保存:ctrl+k, 然后只按s一个键 
    
    向上移动一行:alt+↑ 
    
    向下移动一行:alt+↓ 
    
    向上复制一行:alt+shift+↑ 
    
    向下复制一行:alt+shift+↓ 
    
    查找:ctrl+F 
    
    替换:ctrl+H 
    
    文件夹中查找:ctrl+shift+f 


    作者:IMUKL
    链接:https://www.jianshu.com/p/cab79d188e42
    来源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
  • 相关阅读:
    Qt 学习 之 二进制文件读写
    QT学习 之 文本文件读写
    Qt学习 之 文件
    QT学习 之 三维饼图绘制
    Haskell 笔记(四)函数系统
    QT学习 之 事件与事件过滤器(分为五个层次)
    Qt学习 之 数据库(支持10种数据库)
    Qt5制作鼠标悬停显示Hint的ToolTip
    【码云周刊第 32 期】程序员眼中的 Vue 与 Angular !
    Qt学习 之 多线程程序设计(QT通过三种形式提供了对线程的支持)
  • 原文地址:https://www.cnblogs.com/yanqb/p/10857070.html
Copyright © 2020-2023  润新知