60_mac小目标6_mac软件常用小技能（excel，vscode）

1，excel软件

1. 单元格内换行：option + enter
2. 整行或者整列移动：黑十字，shift拖动
3. 宽高设置：选择行，或者列，或者全部，拖动黑十字设置

2，编辑网页后，打印

1. 使用火狐浏览器，并下载插件print edit插件

3，vscode编辑器

1. vscode的断点调试

   1. 安装插件：Debugger For Chrome
   2. 点开“虫子”，点击添加配置，配置launch.json，端口名称使用的是默认8088（与本地调试的端口要一致）

      1.         "version": "0.2.0",
                 "configurations": [
                     {
                         "type": "chrome",
                         "request": "attach",
                         "name": "Attach浏览器",
                         "port": 8088,
                         "webRoot": "${workspaceFolder}/demo1.js",
                         "sourceMaps": true,
                     },
                     {
                         "type": "chrome",
                         "request": "launch",
                         "name": "Launch浏览器",
                         "url": "http://localhost:8088",
                         "webRoot": "${workspaceFolder}",
                         "sourceMaps": true,
                     },
                
                 ]

          

   3. 重启电脑，这个很重要
   4. 断点只出现在js文件中
   5. 开启本地服务器，对应端口名称
      1. 开启方式1：终端输入：python -m http.server 2333  （python3.0版本）
      2. 开启方式2：终端输入：python -m SimpleHTTPServer   2333（python2.7版本）
      3. 开启方式3：终端输入：/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=8088

2. vscode的log打印在“调试控制台”选项，而不是在“输出”选项中
3. 操作返回：control + “-”，减号
4. 编辑器：调出调试器：comment + ’T’
5. 模拟器打印方式：

   1. console.log("Log level");
   2. console.debug("Debug level");调试
   3. console.info("Info level");一般
   4. console.warn("Warn level");警告
   5. console.error("Error level");错误

6. js的console.log占位符

   1. （1）.%s：字符串的占位符。
   2. （2）.%d或%i：整数的占位符。
   3. （3）.%f：浮点数占位符。
   4. （4）.%o：对象占位符。
   5. （5）.%c：CSS格式字符串占位符。
   6. 示例：console.log("%s欢迎您","蚂蚁部落");

7. css的console.log占位符
   1. %c开头，后边跟上css的信息
   2. 在vsCode控制台中的颜色及字体不明显，在浏览器控制台中显示正常

   3. console.log(
        "%c蚂蚁部落",
        "color: blue; background: red;"
      )

       

8.