Angular学习记录2-新建项目

2020年10月22日14:20:57

0.准备

0.1 安装node.js

官网下载然后安装即可，记得测试一下是否安装到位了

0.2 安装 Angular CLI

npm install -g @angular/cli

node安装完成以后，就可以直接在控制台安装这个CLI

CLI简单来讲就是在控制台可以运行angular的命令

1.新建项目

在文件夹中运行，my-app是项目的名称，期间会要求选择样式文件的类型，包括css，scss，sass，less之类的，我一般选sassSCSS

记得把路由这个选项也加进去

ng new my-app

2.打开项目

我一般用vscode直接打开文件夹，在加载完成以后，在左下角选择三角就可以直接运行项目

运行的时候会询问是否将数据分享给google，这个可以自选

最后在http://localhost:4200/页面直接看到默认的欢迎界面