标签归档:phpstorm

Linux下进行微信小程序开发

微信开发者工具本质是nw.js,可以移植到 Linux,但是需要 wine 来编译wxml和wxss的wcc和wcsc。

安装wine

  1. 安装:
sudo apt-get install wine
  1. 检查版本:
wine --version
  1. 检查配置
winecfg

安装wine-binfmt

sudo apt-get install wine-binfmt
sudo update-binfmts --import /usr/share/binfmts/wine

安装微信开发工具

git clone https://github.com/cytle/wechat_web_devtools.git
cd wechat_web_devtools
./bin/wxdt install  # 自动下载最新的nw.js,同时部署目录 ~/.config/微信web开发者工具/

常见问题

ERROR:sandbox_linux.cc(370)] InitializeSandbox() called with multiple threads in process gpu-process.
buffer_manager.cc(488)] [.DisplayCompositor]GL ERROR :GL_INVALID_OPERATION : glBufferData: <- error from previous GL command

上面两个问题,是因为配置中使用了gpu导致的,所以在启动时强制执行不使用gpu就可以正常运行

./bin/wxdt --disable-gpu

使用 phpstorm 开发微信小程序

让 phpstorm 实现代码高亮,代码提示。

代码高亮

  1. 打开配置界面,找到:editorfile types
  2. 找到 Cascading Style Sheet,添加 *.wxss
  3. 找到 HTML,添加 *.wxml

Live Templates

  1. 下载wecharCode.jar 到本地
  2. 在菜单 Fileimport settings 中导入

安装 phpstorm 后的设置

隐藏编辑器中的浏览器图标

Tools - Web Browsers - Show browser popup in the editor ,去掉前面的勾。

函数提示

Editor > General > Appearance > parameter name hints ,或搜索 parameter name hints,去掉前面的勾。

Inotify监视限制

  1. Add the following line to either /etc/sysctl.conf file or a new *.conf file (e.g. idea.conf) under /etc/sysctl.d/ directory:
fs.inotify.max_user_watches = 524288
  1. Then run this command to apply the change:
sudo sysctl -p --system

And don’t forget to restart your IDE.

javascript 分号 ; 输入提示

Editor - Code Style - JavaScript - Punctuation ,把 Use 改为 Don't use semicolon …。

隐藏 面包屑

Editor > General > Breadcrumbs > Show breadcrumbs 去掉前面的勾。

取消 phpstorm 自动保存功能

npm run watch 会监视文件变化,并将保存后的文件编译。但有时候在开发中,系统将有还没有完成的代码也自动保存,导致编译失败,并使 npm 无法继续监视文件,因此关闭。

Editor - General - Editor Tabs - Mark modified tabs with asterisk 勾上,Appearance & Behavior - System Setting ,将右边 Save files on frame deactivationSave files automatically if application is idle for 15 sec. 前面的对勾去掉。

在 WebStorm 中,配置能够识别 Vue CLI 3 创建的项目的别名 alias @

webstorm webpack 直接引入文件 项目目录/node_modules/@vue/cli-service/webpack.config.js 即可。

列编辑

快捷键: alt + shift + ins