Foreword:
Because it is necessary to use wxss to write style sheets in WeChat developer tools, the efficiency is low, so it is necessary to introduce sass/scss preprocessor to speed up development efficiency
Import steps:
1. Download the extension Easy Sass vs code domestic download address in the vs code editor
2. Expand and install the Easy Sass plugin of VS code in the WeChat applet
Select the easysass folder
3. Modify the easysass configuration file
Edit - Open the editor directory
Modify package.json
Delete one of the previous two objects and change the extension to .wxss (important)
4. Restart the WeChat developer tools
scss use:
Take my project as an example: We only need to create meber.scss
Note: Here we need to create a .scss file, do not create a .sass file (.sass has no code hints)
member.wxss will be automatically generated and hot updated according to the content of .scss
Compiled successfully :
member.wxss:
