![js中有["1","2","3","4"]这样一个string，怎么把它变成array](/aiimages/js%E4%B8%AD%E6%9C%89%5B%26quot%3B1%26quot%3B%2C%26quot%3B2%26quot%3B%2C%26quot%3B3%26quot%3B%2C%26quot%3B4%26quot%3B%5D%E8%BF%99%E6%A0%B7%E4%B8%80%E4%B8%AAstring%EF%BC%8C%E6%80%8E%E4%B9%88%E6%8A%8A%E5%AE%83%E5%8F%98%E6%88%90array.png)
vue组件pros属性较多，写在一行难以查看，手动换行费时。
解决：
vscode 安装插件Beautify
在目录下新建文件.jsbeautifyrc,添加内容
格式化的时候即可会强制换行。
相当于直接使用 node 命令，用 npm run script 脚本 来启动 Node.js 程序是更为常见的场景，比如当目标是运行一个应用。
假设项目的 package.json 有一个用来调试的 debug 脚本：
我们要怎么启动项目的跟踪调试呢？
文档指路 ➡️ 【Node.js 调试入门】 、 【VSCode 中的 Node.js 调试】 、 【Launch 对 npm 及其他工具的配置支持】
VS Code 支持两种核心调试模式 Launch 和 Attach ，Launch 方式是直接以 debug 模式启动应用，并为我们自动添加一个调试器；而 Attach 方式则是将 VSCode 调试器连接到已经运行中的应用程序或进程。我们这里用的是 Launch 方式。
在终端运行：
或点击VSCode 的小甲虫图标：
上面蓝色位置圈错了，应该是第一个 Node.js。
VSCode 十分智能，预设了很多针对不同需求的启动配置：
让我们来做进一步的修改：
之前那个启动配置项可以删除，留下这个需要的即可。
我们将 console 属性 设置为外部终端，我们启动调试时 VScode 就会自动打开下图中对应的终端(根据操作系统)。可以根据个人使用习惯，自定义用什么终端 (比如我在 VSCode 设置的 Terminal › External: Osx Exec，从默认的改为了 iTerm2)。
别忘了先把我们的脚本加上端口
1、直接按F5可以调试的方法或者点击运行按钮（可以直接运行html文件或者js文件）
在launch.json文件中的配置如下：
{
"version": "0.2.0",
"configurations": [{
"name": "谷歌浏览器", //运行html文件，用谷歌浏览器打开
"type": "chrome",
"request": "launch",
"url": "${file}",
"sourceMaps": true,
"webRoot": "${workspaceRoot}"
},
{
"name": "nodeLauch", //单独调试js，即可以直接运行js
"type": "node",
"request": "launch",
"program": "${file}", //这个配置成你要调试的文件、${file}当前打开的文件
"stopOnEntry": false,
"args": [],
"cwd": "${workspaceRoot}",
"runtimeExecutable": null,
"runtimeArgs": [
"--nolazy"
],
"env": {
"NODE_ENV": "development"
},
"console": "internalConsole",
"preLaunchTask": "",
"sourceMaps": false,
"outDir": null
}
]
}
2、第二种方法 Ctrl+Shift+B 快捷键运行html文件，在Tasks.json中配置如下：
{
"version": "0.1.0",
"command": "",
"isShellCommand": false,
"args": ["${file}"],
"showOutput": "always",
"windows": {
"command": "C:/Users/shannonliang/AppData/Local/Google/Chrome/Application/chrome.exe"
},
"tasks": [{
"taskName": "webserver",
"isBuildCommand": true,
"showOutput": "always"
}]
}
3、如果第二种方法，不想每次都按这个快捷键，请参考npm配置node服务方法：
http://stackoverflow.com/questions/30039512/how-to-view-my-html-code-in-browser-with-visual-studio-code
