第一步:设置开发环境
在开始工做以前,你必须设置好开发环境。
若是你的电脑里没有 Node.js®和 npm,请安装它们。
而后全局安装 Angular CLI(最新版本)npm
npm install @angular/cli -g
或者安装指定的版本:浏览器
npm install @angular/cli@版本号 -g
安装完成能够利用命令检测本身安装的版本:服务器
ng version
便可查看app
第二步:建立新项目
打开终端窗口。
运行下列命令来生成一个新项目以及默认的应用代码:code
ng new my-app(项目文件夹名称)
Angular CLI 会安装必要的 NPM 包、建立项目文件,并在该项目中生成一个简单的默认应用。这可能要花一点时间。
第三步:启动开发服务器
进入项目目录,并启动服务器。开发
cd my-app ng serve --open
ng serve 命令会启动开发服务器,监听文件变化,并在修改这些文件时从新构建此应用。
使用 --open(或 -o)参数能够自动打开浏览器并访问 http://localhost:4200/。
成功安装执行--open命令会自动弹出angular欢迎页面。
安装出错:
安装过程当中可能出现错误:
”Cannot find module ‘@angular-devkit/core’”若是提示这个错误,
缘由就是缺乏@angular-devkit/core,其实这种问题在新建立程序的时候就有提示
好比在执行完ng new newProject 以后会出现。get
解决办法就是本身安装,进入程序目录执行下面的指令:it
npm i --save-dev @angular-devkit/core
若是再次提示@angular-devkit/core没有安装成功的话就须要卸载angular-cli从新安装angular-cli了。io
npm uninstall -g angular-cli npm install -g @angular/cli@latest
后续有其余安装问题我会继续更新,敬请关注!test