【angularjs】使用webstorm调试angularjs项目

相信看到这篇文章的诸位已经能够使用yeoman搭建AngularJS项目了，此外webstorm的安装也非常简单，这里不再赘述。

一、安装angularjs插件：

最新的WebStorm安装后默认就已经安装好AngularJS插件了，但是这里还是说明一下安装方式：

• 打开Fie->Settings，选择Plugins选项：

  
  
  Setting

• 单击Install JetBrains plugin...按钮：
  

  Browse JetBrains Plugins

• 搜索AngularJS插件：
  由于我这里已经提前安装好AngularJS插件，所以搜索不能搜索到。

二、导入工程：

"file"==>"open Directory..."==>"select Directory" ==> "ok"

按照上述操作打开工程所在目录即可。

三、配置调试参数：

如下图打开配置参数面板进行配置：

配置调试参数

添加一个node.js配置项，我的命名为vpc_web，你可以自己命名自己的配置项：

配置后的参数值

四、启动工程：

点击右上角绿色的启动或者调试按钮即可：

启动工程

如果你使用的是Debug启动，那在你需要调试的代码处打断点，就可以进行调试啦^^

---

参考资料：

• AngularJS最理想开发工具WebStorm