【2】web strom 运行第一个augular程序

创建工程

ng new auction

运行工程

webStrom run 那个地方有一个箭头 

【2】web strom 运行第一个augular程序_第1张图片

点击Edit configurations

点击+  -> 选择 npm

name 可以随便写 我写的start 

再Scripts 上选择start 

注意 这个start 或者别的选项 都是从package.json  文件的scripts 节点下定义好的

  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

【2】web strom 运行第一个augular程序_第2张图片

点击确定以后

此时运行便可以点击了

运行后有一段提示

Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

wdm」: Compiled successfully.之后  

我们可以在浏览器上打开 http://localhost:4200/ 查看 如果出现页面 便是 启动成功了

这个开发环境会自动侦测src 目录下文件的改变  任何对src 目录下的改动都会使得自动加载修改后的页面并刷新页面

所以服务启动以后 就不需要再次启动了

你可能感兴趣的:(#)