最全Pycharm教程（12）——Pycharm调试器之Java脚本调试　1、总览
  对于Web开发⽽⾔，调试Java脚本是⼗分重要的。为了显⽰Pycharm对于Java脚本的强⼤调试能⼒，我们这⾥创建⼀个⾮常简单的脚本，⽤以展⽰⼀些简单的浏览器页⾯，然后在服务器上对其进⾏调试。
  为了能够在外部服务器上进⾏调试，需要在上⾯运⾏程序⽂件，同时在你的电脑上拷贝⼀份。不过没关系，⽆论Web服务器是运⾏在物理远端还是运⾏在你的电脑上，其中的应⽤程序都可以看成是⼀个远程服务程序。
  当⼀个使⽤JavaScript⽣成的远程⽂件打开时，调试器会告诉Pycharm当前处理⽂件的名称以及对应的⾏号。Pycharm会打开本地副本并定位到相应的⾏。Pycharm的这种⾏为使得服务端和客户端的⽂件进程保持同步。这种通信机制成为映射（mapping），在debug配置⽂件中保留了相关的设置信息。
  2、准备⼯作
  （1）Pycharm版本为3.0或者更⾼。
  （2）使⽤⾕歌浏览器（这篇教程是基于⾕歌Chorme的）
  （3）你已经安装了JetBrains IDE Support外部插件。如果你是第⼀次加载调试器，Pycharm会给出你关于安装JetBrains IDE Support外部插件的重要性。
  举个例⼦，对于浏览器，当在地址栏的右侧显⽰图标，并且⾮透明，说明插件已经安装并且成功激活。
  建议使⽤作为服务端程序（⽂章是针对XAMPP的）。
  3、创建⼀个简单的⼯程
  在主菜单中选择File→New Project，选择⼀个空⼯程，命名为MyJSProject：
  在⼀个独⽴的窗⼝中打开这个⼯程：
  4、实例准备
  ⾸先，创建⼀个HTML页⾯。在⼯程管理窗⼝中按下Alt+Insert，在弹出的快捷菜单中选择HTML⽂件类型，命名为numbers：
  Pycharm会在⽣成的HTML⽂件中添加⼀些原始内容。接下来，向其中嵌⼊⼀个JavaScript⽂件，在<body>标签下输⼊⼀下代码：
  在输⼊代码时注意体会Pycharm的拼写提⽰功能：
  完成后，注意⽂件名numbers.js以⾼亮的形式给出。这说明当前的JavaScript⽂件不存在。在将光标定位在名称“numbers”上，按下Alt+Enter（或者单击左侧的⼩黄⾊灯泡）；会给出快捷提⽰——创建⼀个缺省⽂件：
  通过这个快捷⽅法，已将创建好了原始的JavaScript⽂件，接下来输⼊下⾯代码：
  5、设置断点
  接下来在JavaScript⽂件中插⼊断点，⾮常简单，在右侧单击即可：
  6、配置服务器
  7、创建⼀个服务器
  打开Settings/Preferences对话框（Ctrl+Alt+S或者单击主菜单的设置按钮），单击页⾯的绿⾊的加号，将服务器命名
为MyRemoteServer，指定类型为local or mounted server。
  8、配置映射连接
pycharm安装教程和使用
  接下来配置创建的服务器。在Connection选项卡中，输⼊需要加载的本地⽂件的⽬录，这⾥为C:\xampp\htdocs，也就意味着将从这个⽬录来上传本地⽂件：
  单击Mappings选项卡，在这⾥定义本地路径，服务器的部署路径（与Connection选项卡的设置相同），以及服务器的Web路径：
  9、定义项⽬的默认服务器
  指定创建的服务器为当前项⽬的默认服务器，只需在中单击按钮。
  10、预览服务器
  接下来需要确认我们的服务程序能够在Pycharm的可视化窗⼝中顺利上传和运⾏。在主菜单中选择Tools → Deployment → Browse Remote Hosts。远程Host控制窗⼝会显⽰当前新开启的服务：
  11、向服务器应⽤中部署⽂件
  在Pycharm中这个操作⾮常简单。在主菜单中选择Tools → Deployment → Upload to MyRemoteServer，确保新⽬录C:\xampp\htdocs已经在服务器上顺利创建。
  另⼀种⽅式可以通过右击⽂件，在快捷菜单中进⾏操作。当然⼆者都需要通过Upload to MyRemoteServer命令来完成。
  12、调试
  13、开始调试
  开始调试后，将会在浏览器中显⽰你的HTML页⾯，同时调试窗⼝开启。应有程序会在命中第⼀个断点的时候停⽌，并⽤蓝⾊标记代码⾏：
  更多有关断点的信息参见中的部分。
  对应⽤程序进⾏更为深⼊的调试，相关的调试信息会显⽰在调试窗⼝以及浏览器上：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。