Intership7.18

1.新vscode中按！无法出来html模版？

解决方法 html:5然后enter就好了

2.js中的问号的问题？也就是可选链操作符（？.）

可参考文章https://juejin.cn/post/6947649064829714462或者MDN
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。

const animal = {
    cat: {
        name: 'kitty',
        color: 'black'
    },
    dog: {
        name: 'doggie'
    }
}
const catName = animal && animal.cat && animal.cat.name
//上面这个操作类似于下面这个可选链操作符
const catName = animal?.cat?.name;

3 空值合并运算符（？？）

空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。

//逻辑或运算符
console.log(null ?? 'default string'); // default string
console.log(0 ?? 'default string')     // 0
console.log(1 ?? 'default string')     // 1
console.log(false ?? 'default string') // false
console.log(true ?? 'default string')  // true
console.log('' ?? 'default string')    // ''
console.log('哈哈' ?? 'default string')    // '哈哈'
//空值合并运算符
console.log(null || 'default string'); // default string
console.log(0 || 'default string')     // default string
console.log(1 || 'default string')     // 1
console.log(false || 'default string') // default string
console.log(true || 'default string')  // true
console.log('' || 'default string')    // default string
console.log('哈哈' || 'default string')    // '哈哈'

两者的区别
逻辑或操作符会在左侧操作数为假值时返回右侧操作数。当用逻辑或操作符给变量设置默认值，左侧的值为 0 或者 ‘’ 时，仍然会使用默认值。
可以与可选链操作符一起使用

let user = {
    name: 'xq'
}

let userName = user?.name ?? '暂无'

4停掉某个端口服务

查看端口的服务
netstat -ano | findstr 端口号
强制停止掉端口的服务
taskkill /pid 端口的pid号 /f

5在新vscode中运行node命令没有输出

是因为新vscode没有设置自动保存，或者我们手动ctrl+s一下，然后再在node环境下运行文件就会出现输出了。所以我们可以将新的vscode的autosave设置为delay，然后就可以解决这个问题。

6在新vscode中安装live server，没有自动更新的原因

也是跟5的原因是一样的，我们没有设置自动保存，所以live server没有更新内容，没有保存的文件，后面都会有一个小圆点，如下所示

7.在新vscode中不能使用rcc和rfc快速生成函数组件和类式组件。

在React中安装ES7 React/Redux/GraphQL/React-Native snippets插件就好，就可以生成rcc和rfc和clg等快速生成代码片段了！

8.在新vscode中没有Open In Default Browser.

是因为少了一个插件，叫open in browser