美文网首页我爱编程
angular开发环境搭建

angular开发环境搭建

作者: 前端小白001 | 来源:发表于2017-12-24 14:53 被阅读0次

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即可访问

相关文章

网友评论

    本文标题:angular开发环境搭建

    本文链接:https://www.haomeiwen.com/subject/zhfhgxtx.html