sujs：简化前端开发的强大工具

sujs是一款专为前端开发者设计的工具，旨在提升开发效率和简化工作流程。以下是sujs的主要功能和使用方法：

主要功能：

• 代码片段管理（sujs snippets）：快速插入常用代码片段，提升开发速度。
• 自动转换（replace the \n to、replace the px to rem）：自动将换行符转换为HTML标签，将px单位转换为rem单位，简化样式编写。
• 静态服务器与自动刷新（start a static server and auto refresh webpage）：启动本地静态服务器，并在代码更改时自动刷新网页，方便调试。

关于sujs：

• 演示：http://yz.365power.cn/
• 下载：https://dev.365power.cn/sujs/#evn/evn
• 文档：https://dev.365power.cn

命令行使用：

• server sujs：启动静态服务器，需先打开文件夹。
• txt2html sujs：将换行符转换为HTML标签。
• px2rem sujs：将px单位转换为rem单位。

配置选项：

3.1 px到rem的转换

• 默认根字体大小为16px，可通过配置项"sujs.rootFontSize":75更改。

3.2 本地配置

• 添加自定义代码片段，例如："sujs.files":["E:\\work\\vscode-su-snippets.json"]。

• vscode-su-snippets.json文件示例：

  {
    "css": [
      {
        "label": "position absolute top left",
        "content": ".$1 {\\n\\tposition: absolute;\\n\\ttop: ${2:20px};\\n\\tleft: ${3:20px};\\n\\tbackground: ${4:#fff}\\n}"
      }
    ]
  }

• 或者创建一个.js文件：

  module.exports = {
    "css": [
      {
        "label": "position absolute top left",
        "content": "
  "
      }
    ]
  }

• "css"为语言名称，可用于其他语言，如"less":"css,javascript"。

sujs通过这些功能和配置选项，帮助前端开发者更高效地完成工作，提升开发体验。