Angular中文官网地址:https://angular.cn/guide/quickstart
1.设置开发环境
node 8.X以上版本,npm 5.x以上版本(node -v , npm -v)
全局安装Angular Cli
windows系统: npm install -g @angular/cli
mac 系 统: sudo npm install -g @angular/cli (输入用户密码)
注:mac Ubuntu系统,上面全局安装angular脚手架,命令必须加sudo,下面的命令可加可不加,
window 一律不用加sudo
2.创建新项目
进入项目需要放在的文件目录下面,运行下面命令生成新项目及默认应用代码
(sudo) ng new my-app(项目文件名称)
在所选目录下生成my-app文件夹(加sudo,生成的文件有只读权限)
3.进入目录,启动开发服务器
cd my-app
(sudo) ng serve --open
(参数--open 或 -o自动打开浏览器,监听4200端口,http://localhost:4200/)
4.编辑组件
注:my-app下文件若为只读状态,cd my-app , sudo chmod 777 * -R 修改权限;
在./src/app/app.component.ts文件目录下,cli创建了一个基本组件
具体文件目录信息见官网介绍