VSCode and NoteBook for JavaScript | NodeJS

VSCode调试HTML环境配置 | Jupyter NoteBook IJavaScript 配置

VSCode调试HTML环境配置

先安装两个插件：Debugger for Chrome（调试） 和 ESLint（语法检测）

而后根据提示设置一下外观样式（若是我没记错的话：win下默认是custom）重启VSCode

 而后打开HTML文件，Coding，以后F5调试运行，选择Chrome

在配置文件中加一段 "file": "${file}" （当前文件名+扩展名）

在HTML页面，再按一下F5就能够调试运行了

以后全部文件均可以直接F5调试运行了

知识扩展

PS：若是只是打开文件运行，不须要部署到localhost，推荐一个插件：open in browser

---

服务端运行

Linux

若是想要服务端运行，能够在对应目录使用 Python -m的命令（Linux自带Python）（PY2：python -m SimpleHTTPServer 8080）

配置文件稍微变一下就好了

以后直接F5运行便可

Win10

若是装了Python，和Linux用法同样：eg：python -m http.server 8080

 

Win下若是不想使用Python（默认未安装），能够使用自带的IIS

结合IIS配置下环境便可直接调试：（配置之前说过屡次，能够参考这个：http://www.javashuo.com/article/p-xlohhhqb-be.html）

${relativeFile} 相对于workspaceRoot的相对路径

效果：

附录：

配置说明：

${workspaceRoot} VS Code当前打开的文件夹

${file} 当前打开的文件

${relativeFile} 相对于workspaceRoot的相对路径

${fileBasename} 当前打开文件的文件名

${fileDirname} 所在的文件夹，是绝对路径

${fileExtname} 当前打开文件的拓展名，如.json

 

VSCode For Node.JS

每次F5运行的时候选一下NodeJS，或者添加一下调试的配置文件：

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "program": "${workspaceFolder}/${relativeFile}"
        }
    ]
}

eg：nodejs用法和js同样，只是多了些服务器的一些模块

同时运行nodejs和html怎么办？

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080/2.Node/${relativeFile}",
            "webRoot": "${workspaceFolder}"
        },
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "program": "${workspaceFolder}/${relativeFile}"
        }
    ]
}

配置完成后：想运行HTML就选择谷歌浏览器

想运行nodejs的js文件就选择启动程序（如今运行JS文件的时候，F5便可自动切换成node）

扩展：另外一种方法

使用 open in browser 来打开页面，而后配置就只配 NodeJS

Jupyter NoteBook IJavaScript 配置

开源地址： https://github.com/n-riesco/ijavascript

 

安装很简单：

sudo apt-get install nodejs npm

sudo npm install -g ijavascript

ijsinstall

依赖Python2.7

而后内核就多了JavaScript的了

而后就能够和Python同样用了