angular开发环境搭建

1.安装nodejs

首先要安装nodejs,安装完成后,打开cmd

输入node -v 看看安装版本

2.安装cnpm

淘宝镜像:https://npm.taobao.org/

配置仓库:

npm config set registry https://registry.npm.taobao.org

安装淘宝镜像,输入npm install -g cnpm

3.安装Angular Cli

angular-cli github有详细介绍。

之前电脑上如果安装过angular cli老版本的话建议先卸载,然后重新安装。

卸载老版本:

npm uninstall -g angular-cli

npm uninstall –save-dev angular-cli

卸载新版本:

npm uninstall -g @angular/cli

清除下缓存

npm cache clean

然后开始安装,记住,要用cnpm

cnpm install -g @angular/cli@latest

安装完成后输入ng help查看是否安装成功

4.创建项目

首先,切换到项目的存放目录,

输入ng new projectName

projectName就是你的项目名称

5运行项目

首先切换至项目目录,然后执行ng serve命令

出现上图所示表示项目运行成功了。默认是运行在4200端口上的。

打开浏览器,输入localhost:4200即可访问

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容