关于webstorm:Webstorm快捷键配置提升开发效率

6次阅读

共计 700 个字符，预计需要花费 2 分钟才能阅读完成。

1、设置点击文件门路快捷跳转：
(1)点击：file->settings/ctrl+alt+ s 快捷键
(2) 搜寻：webpack
(3)抉择以后我的项目下 node_modules\@vue\cli-service\webpack.config.js
2、设置代码模板
(1) 点击：file->settings/ctrl+alt+ s 快捷键
(2) 点击：编辑器 -> 代码模板 -> 编辑代码模板
3、设置文件模板（新建文件时，带有一些初始信息）
(1) 点击：file->settings/ctrl+alt+ s 快捷键
(2) 点击：编辑器 -> 文件和代码模板 -> 抉择文件进行编辑
4、应用 webstorm 开发微信小程序
(1) 解决 webstorm 中 wxml 和 wxss 文件没有语法高亮

①点击：file->settings/ctrl+alt+ s 快捷键
②点击：编辑器 -> 文件类型
③点击：Cascading Style Sheet-> 增加 *.wxss
④点击：HTML 文件 -> 增加 *.wxml

(2)解决 webstorm 中开发微信小程序没有代码提醒

①点击：file->import settings
②导入 wecharCode.jar 包
③重启 webstorm

5、后缀补全语言配置（Postfix Completion）
(1)点击：file->settings/ctrl+alt+ s 快捷键
(2) 点击：编辑器 -> 惯例 ->Postfix Completion
(3)例：’111’.log 点击 Tab 会生成 console.log(‘111’)
(4)新增一个 zhuge 后缀

6、Webstorm 折叠代码快捷键
(1)Ctrl + Shift +‘+’
(2)Ctrl + Shift +‘-’

正文完