• 六、Note开发工具Visual Studio Code下载安装以及Visual Studio Code的使用


    专业的人干专业的事,我们搞Node总不能真的使用文本编辑器傻乎乎的搞吧,文本编辑器来开发Node程序,效率太低,运行Node程序还需要在命令行单独敲命令。如果还需要调试程序,就更加麻烦了。所以我们需要一个IDE集成开发环境,让我们能在一个环境里编码、运行、调试,这样就可以大大提升开发效率。

    Java的集成开发环境有Eclipse,Intellij idea等,C#的集成开发环境有Visual Studio,那么问题又来了:Node.js的集成开发环境到底哪家强?

    考察Node.js的集成开发环境,重点放在启动速度快,执行简单,调试方便这三点上。当然,免费使用是一个加分项。

    综合考察后,我们隆重向大家推荐Node.js集成开发环境:

    Visual Studio Code

    Visual Studio Code由微软出品,但它不是那个大块头的Visual Studio,它是一个精简版的迷你Visual Studio,并且,Visual Studio Code可以跨!平!台!Windows、Mac和Linux通用。

    下面提供官方下载地址:

    https://code.visualstudio.com/

    下载之后双击运行安装:

    安装过程中勾选以下几项:

    原谅我对您的不尊重,但是我还是要科普一些常识:

    Windows资源管理器文件上下文菜单:某个文件或文件夹右键单击后,出现的菜单
    Windows资源管理器目录上下文菜单:在桌面空白处,或者在资源管理器空白处右键单击显示出来的菜单

    上图,下面的选项包含上面的一项,所以我们勾选下面的即可,上面勾选的作用就是我们在计算机任何一处点击鼠标右键时,会出现下面的菜单:

    安装完毕之后打开:

    Visual Studio Code显示为中文版:

    使用快捷键Ctrl+Shift+P会打开如下页面:

    在下面的输入框内输入:Configure Display Language

    选择第一项:

    接下来你就会自己改为中文了

    下面选择的文件夹将是我们的工程根目录

     

    编写测试js代码:

     点击调试之后会提示我们没有配置:

    点击此处配置:

     

    这时会默认生成一个launch.json文件,存放在vsCoad的配置文件夹:

     

    如果我们新增了其他js文件需要启动,那么上面的hello.js就要换成我们新的文件名,这样才能通过debug运行我们的新js文件

     断点调试,在需要调试的代码前面单击,出现红点就说明打上断点了:

    快速打开我们的JS工程:

  • 相关阅读:
    android 图片加载库 Glide 的使用介绍
    Android Glide数据更新及内存缓存、硬盘缓存清理
    Android中<meta-data>的使用
    分层,工厂模式,依赖注入控制反转
    Asp.Net_Web身份验证
    aspx后缀映射成html
    网站跳舞人代码
    Sqlerver_各类函数
    Sqlserver_时间用法
    Sqlserver_视图
  • 原文地址:https://www.cnblogs.com/luzhanshi/p/10712008.html
Copyright © 2020-2023  润新知