2。建立第一个angular应用，已经开发前的一些配置

 

 

如今咱们开始新建一个angular5的脚手架  。

到想要建项目的目录下。好比个人 在  D:\JsProjects

进入cmd或者powershell cd 进入该文件夹下

而后开始新建，ng new 项目名

固然第一次，会有点慢。这个过程若是出错，设置淘宝的Npm镜像。

能够了，只要不报ERR就好了，警告能够无视。

如今你能够npm start 来运行该项目了。

首先进入项目的文件夹    。

cd demo1

输入   npm start

ok,angular 应用已经开启了，运行在 http://localhost:4200 上

接下来咱们来看一下他的目录吧。

只用webstorm打开该文件夹         。

你能够看到。angular-cli已经  帮咱们建立了一些基本的文件。

通常来讲，不须要咱们主动的修改这些文件，咱们只修改src文件夹下的代码就能很是好的开发一个angular应用。

将刚刚powershell关闭，不然会有端口冲突。

固然首先把这个取消掉，tslint。不太须要吧。一些代码的强制规范。我是不太喜欢的。

固然webstrom 的默认字体是很是难看的。

用这个字体吧。至少看起来比较舒服。

ok,为当前项目配置一个启动。

            

编辑配置，添加一个新的配置文件。选择npm

OK,只须要按照如下配置，Name是随便取的。Command 选择start 。

保存就够了。

  点击绿色小箭头就够了。

OK，开发前的一些配置，就差很少完了，下一节开始开发angular。