第一个angular项目创建以及运行

一.首先需要安装angular cli
在windows下cmd，开命令行，或者在vscode种选终端开启，前面的文章里有讲安装，不细说。

npm install -g @angular/cli

查看安装，注意这个只用安装一次即可

ng v

二.创建文件夹作为工作目录，然后在vscode里面，开命令行在目录下使用

ng new my-first-project

然后会问你要不要帮你添加路由，以及还会问你css使用选择哪种原生css还是扩展后的css，如sass,scss，less等等，然后选择好后就会开始下载依赖！它依赖于npm，有存在下载失败的情况，大家都懂得，服务器在国外，传输没有那么好，这里也可以使用国内的镜像。

可以先去看看目录结构加载好没有，加载可以先ctrl+C停掉依赖然后使用国内镜像cnpm安装。

先在命令行cd，进到我们的项目里，不然就是下载依赖到我们的根文件夹啦

cd my-first-project

然后使用指令cnpm install

然后启动项目完成第一个angular项目的创建！！使用指令

ng serve --open

值得注意的是启动的时候，我们应该进入到我们的工程目录里，而不是在存在工程的文件夹目录使用本指令！！
然后它就是自动使用默认浏览器打开4200端口号，打开欢迎页面啦！

见此我们的入门项目就完成啦！

使用跳过安装依赖指令创建工程

当然注意我们也可以在创建angular项目成功的时候选择不直接安装依赖，这样就不用手动停止了，在vscode打开我们要存放工程的目录，然后开命令行，然后使用以下指令！！

ng new my-first-project --skip-install

值得注意的是指令别打错，就是跳过安装是一起的，–skip-install，skip和install在横杠前后不要留空格。

没git可能会报错，但不影响项目运行，git大家都懂的，不累述。
然后就是还是cnpm安装依赖了，同样的进入到工程内部

cd my-first-project

然后使用指令cnpm install，然后等待下载，速度会比npm快，而且下载失败可能性小很多。



然后启动项目完成第一个angular项目的创建！！使用指令

ng serve --open

值得注意的是启动的时候，我们应该进入到我们的工程目录里，而不是在存在工程的文件夹目录使用本指令！！
然后它就是自动使用默认浏览器打开4200端口号，打开欢迎页面啦！