webstorm wechat-mini-program deepin

webstorm 插件

Wxapp Support

Wechat mini program support (newer 不需要配置 file types)

file types 配置

HTML *.wxml
style sheet *.wxss

wecharCodejar

wecharCodejarwebstorm setting import

vue-cli

yarn global add @vue/cli

uni-app 模板建立项目

vue create -p dcloudio/uni-preset-vue my-project

开发

npm run dev:%PLATFORM%

打包

npm run build:%PLATFORM%

%PLATFORM%	取值
app-plus	app平台生成打包资源（仅支持npm run build:app-plus，也就是App平台运行调试不支持cli方式，需在HBuilderX中运行调试）
h5	H5
mp-alipay	支付宝小程序
mp-baidu	百度小程序
mp-weixin	微信小程序
mp-toutiao	字节跳动小程序
mp-qq	qq 小程序
mp-360	360 小程序
quickapp-webview	快应用通用
quickapp-webview-union	快应用联盟
quickapp-webview-huawei	快应用华为

安装scss loader报错

Sass Loader has been initialized using an options object that does not match the API schema.
不使用高于8.0版本的 scss loader

sudo yarn add node-sass
yarn add [email protected]

yarn 安装 node-sass 报错

error /.../node_modules/node-sass: Command failed.
Exit code: 1
Command: node scripts/build.js
make: *** [Release/obj.target/libsass/src/libsass/src/ast.o] Error 127
gyp ERR! build error 
gyp ERR! stack Error: `make` failed with exit code: 2
gyp ERR! stack     at ChildProcess.onExit (/media/.../node_modules/node-gyp/lib/build.js:262:23)
gyp ERR! stack     at ChildProcess.emit (events.js:315:20)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
gyp ERR! System Linux 4.15.0-30deepin-generic
gyp ERR! command "/home/.../.nvm/versions/node/v12.18.2/bin/node" "/media/.../node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /.../node_modules/node-sass
gyp ERR! node -v v12.18.2
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok 
Build failed with error code: 1
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

需要配置 yarn config

yarn config set registry https://registry.npm.taobao.org
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

deepin 重新安装wine

由于deepin 集成的 wine 对[wechat_web_devtools(https://github.com/cytle/wechat_web_devtools)支持的不好需要重新安装wine

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

然后更新 wechat_web_devtools

./bin/wxdt install

启动

./bin/wxdt