Vue框架项目实战整理:5、idea、Visual Studio Code等工具使用记录

版权声明:本文为博主原创文章,不得随意转载,转载请注明出处!!! https://blog.csdn.net/YuDBL/article/details/85763690

声明:本教程不收取任何费用,欢迎转载,尊重作者劳动成果,不得用于商业用途,侵权必究!!!!

文章目录

一、idea

1、下载安装教程

2、样式设置

3、各种配置

(1)插件配置

(2)键盘配置

(3)命令行配置(Terminal)

(4)打开多个窗口配置

4、有关快捷键

(1)Mac键盘符号和修饰键说明

(2)我的常用

(3)其他:软件工具自动的提示

二、Visual Studio Code

常用操作

比较好的链接


 

所谓工欲善其事必先利其器,idea就是这样的利器!想想还是把自己的使用经历记录下来,然后再更新其它的实战文章

一、idea

1、下载安装教程

下载地址:http://mac.orsoon.com/Mac/159442.html(需要会员付费)

我的安装目录:/Users/luminal/Library/Preferences/IntelliJIdea2018.1

2、样式设置

代码块样式设置

这里设置功能区字体样式和大小(不包括代码编辑区和Console区)

这里修改的是代码编辑区和Console区的字体样式和大小

可参考链接:https://blog.csdn.net/fanrenxiang/article/details/80598895

3、各种配置

(1)插件配置

配置vue,搜索关键字:Vue for Idea

https://plugins.jetbrains.com/idea

https://plugins.jetbrains.com/plugin/9442-vue-js

(2)键盘配置

安装时候的键盘配置

control + ~

(3)命令行配置(Terminal)

项目左下角,多了个Terminal

(4)打开多个窗口配置

4、有关快捷键

(1)Mac键盘符号和修饰键说明

  • ⌘ Command

  • ⇧ Shift

  • ⌥ Option/alt

  • ⌃ Control

  • ↩︎ Return/Enter

  • ⌫ Delete

  • ⌦ 向前删除键(Fn+Delete)

  • ↑ 上箭头

  • ↓ 下箭头

  • ← 左箭头

  • → 右箭头

  • ⇞ Page Up(Fn+↑)

  • ⇟ Page Down(Fn+↓)

  • Home Fn + ←

  • End Fn + →

  • ⇥ 右制表符(Tab键)

  • ⇤ 左制表符(Shift+Tab)

  • ⎋ Escape (Esc)

(2)我的常用

alt + command + L    自动化格式代码

command + y   删除一行

command + G   定位行

control + c   调出 “ 可输命令行 ”

command + 左击    变量跳转

比较好的链接:

https://blog.csdn.net/mccand1234/article/details/50603363

https://www.cnblogs.com/exmyth/p/5949192.html

(3)其他:软件工具自动的提示

DeleteLine(删除行) [汉化反馈]

⌘⌫ 在编辑器中删除插入符处的一整行。

HippieCompletion(hippie 补全) [汉化反馈]

按 ⌥/ 有助于补全可见范围内的单词 - 这样做时,补全的原型会高亮

InspectCode(检查代码) [汉化反馈]

使用 Analyze | Inspect Code 来运行整个项目或自定义范围内的代码分析,并以友好的视图检查结果

TagNameCompletion(标签名称补全) [汉化反馈]

通过按两次 ⌃Space ,可以执行一个特殊的代码补体功能变体:可以从没有在当前文件中声明的命名空间中补全 XML 标签名称。如果该命名空间还未申明,则会自动生成声明。

CodeCompletion(代码补全) [汉化反馈]

代码补全功能可以让您快速补全代码中不同类型的语句。例如,先输入一个类名,然后按 ⌃Space 来补全它。当有多个选择可用时,它们将显示在查阅列表中

GoToClass(转到类) [汉化反馈]

要在编辑器中快速打开任意类,按下 ⌘O (Navigate | Class) 并开始输入类名。从出现的下拉列表中选择类。

FindUsages(查找使用) [汉化反馈]

你可以很快地找到特定类,方法或变量在整个项目中的所有使用,只需将插入符号定位于符号的名字处或代码中的使用处,然后按 ⌥F7 (Edit | Find | Find Usages )。

QuickJavaDoc(快速 java 文档) [汉化反馈]

要快速查看插入符号处的类或方法的文档,按 F1 (View | Quick Documentation)。

GoToDeclaration(转到声明) [汉化反馈]

要从类,方法或字段在代码中的使用处导航到定义处,请将插入符号定位到使用处,然后按 ⌘B (Navigate | Declaration)。你也可以按住 Ctrl 键,在使用处点击鼠标,即可跳转到定义处。

FileStructurePopup(文件结构弹窗) [汉化反馈]

通过 ⌘F12 (Navigate | File Structure),你可以在当前编辑的文件快速导航。

它显示当前类的成员列表。选择一个你想到导航到的元素,然后按 Enter 或 ⌘↓ 。

要轻松找到列表中的项目,只需开始输入其名称

Rename(重命名) [汉化反馈]

您可以轻松地重命名您的类,方法和变量,并自动更正所有使用它们的位置。

要这样做,将插入符号放到你想重命名的符号处,然后按 ⇧F6 (Refactor | Rename)。在出现的弹窗中输入新的名字,或选择一个建议的名字,然后按 Enter。

OverrideImplementMethods(重写/实现方法) [汉化反馈]

你可以通过按 ⌃O (Code | Override Methods)轻松地覆写基类的方法。

要实现当前类继承的接口的方法(或抽象类的方法),使用 ⌃I (Code | Implement methods)。

SmartTypeCompletion(智能类型补全) [汉化反馈]

通过分析整个表达式的预期类型,智能类型代码补全大大有助于查找在当前上下文中适用的方法和变量。这样做的话, IntelliJ IDEA 会确定前五个最适合的结果,并将它们突出显示在蓝色背景上。例如,输入

智能类型补全也适用于 return 关键字之后、变量申明处、方法调用的参数列表中以及其他地方。

TabInLookups(查找结果中使用 tab) [汉化反馈]

当使用代码补全时,你可以使用 ⇥ 来接受弹窗列表中当前高亮的选项。

不像 ⏎ ,该操作会用所选名字覆盖插入符号右侧剩余的名字。这对于将一个方法或变量名替换为另一个方法或变量名时尤其有用。

AltInsertInEditor(编辑器中的代码生成) [汉化反馈]

在编辑器中使用 ⌘N (Code | Generate) ,你可以很容易地为类中的任何字段生成 getter 和 setter 方法。

SpeedSearch(快速搜索) [汉化反馈]

所有树视图中都提供快速搜索:只需开始输入,您就可以快速找到所需的项目。

SurroundWith(包围) [汉化反馈]

当你想要捕获一些代码片段内抛出的异常时,在编辑器中选择,然后按下 ⌥⌘T (Code | Surround With) 并选择 try / catch。代码块内部抛出的所有异常的 catch 块将自动生成。

你可以在 File | Settings | File and Code Templates 的 Code 选项卡自定义生成的 catch 块的主体。

使用列表中的其他项目可以用其他结构环绕。

SmartTypeAfterNew(new 之后的智能类型补全) [汉化反馈]

智能代码补全可以用于 new 关键字后,实例化一个期望类型的对象。例如,输入

二、Visual Studio Code

常用操作

1、打开终端

ctrl + shift + y

2、打开多个Visual Studio Code

shift + ctrl + n

3、方法跳转

alt + 左击

4、方法提示

鼠标放方法上面就会有提示

5、删除当前行 

shift + ctrl + k

6、插件配置

输出 body 按tab键,就出现双标签的body(html snippets插件)

输出 html 就出现 h5代码模板(html boilerplate插件)

比较好的链接

https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf

https://www.jianshu.com/p/99ae6f886da4

猜你喜欢

转载自blog.csdn.net/YuDBL/article/details/85763690