Angular项目的新建与启动

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Delicious_Life/article/details/85597424

前言:第一篇Angular

学习Angular后,这几天一路上都是磕磕绊绊。安装是迷迷糊糊的,新建项目也费了老大事儿。要学好新东西,还是得脚踏实地才行哈

如何新建你的Angular项目

<1>安装VS Code。 大家安装好Angular后,还需要下载前端工具。笔者这里以VIsual Studio Code为例

<2>打开VSCode,点击终端——新建终端。准备在底下的代码处新建项目

<3>选择新建项目的路径

大家请看,D:a\...这个路径是默认路径,我们想要切换磁盘是只需要输入"磁盘名+冒号",例如下图c: 可以看到,第二行根目录就跳转到C盘了。

笔者要在D盘建立项目,下面就演示如何选择D盘中指定的文件夹。下图的含义是在D盘a文件夹中新建命令

<3>ng new +项目名称新建项目。如下图,我在上述路径下建立了一个名为Angular2的项目。回车!

 

在下面提示框中输入y,选择CSS回车

耐心等待

进度条走完,这里会提示git未安装。这个东西不要紧,没有它,在VSCode里也可以正常运行Angular。新建项目完毕

<4> 在VS中打开你新建的angular项目。文件——打开文件夹

选择就能加载了

打开后如图所示。项目新建成功了哥们。

如何启动你的angular项目

紧接上图,选择新建终端 

在下图中输入ng serve,紧接着敲击回车。耐心等待项目加载完

这里,按住ctrl,打开它!

启动成功!恭喜

 

猜你喜欢

转载自blog.csdn.net/Delicious_Life/article/details/85597424