Webstorm快捷键配置(提升开发效率)

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后缀
Webstorm快捷键配置(提升开发效率)_第1张图片
6、Webstorm折叠代码快捷键
(1)Ctrl + Shift + ‘+’
(2)Ctrl + Shift + ‘-’

你可能感兴趣的:(webstorm)